前端gjy

src/lang/zh.js

@@ -503,6 +503,13 @@
     warehouseManagementPerfectput: '编辑',
     warehouseManagementPutOut:'任务',
     warehouseManagementPutOutLook:'查看',
+    //采购管理
+    purchasingManagement:'采购业务管理',
+    procurementPlanList:'采购计划',
+    procurementPlanAdd:'采购计划添加',
+    procurementPlanEdit:'采购计划编辑',
+    procurementPlanLook:'采购计划查看',
+    purchaseOrderList:'采购订单',
     //运输管理
     tranManagement: '运输管理',
     tranManagementDriver: '司机管理',
@@ -4741,6 +4748,15 @@
     warehouseManagementPutOutLook:'查看',
 
   },
+  //采购计划管理
+  purchasingManagement:{
+    procurementPlanList:'采购计划',
+    procurementPlanAdd:'采购计划添加',
+    procurementPlanEdit:'采购计划编辑',
+    procurementPlanLook:'采购计划查看',
+    purchaseOrderList:'采购订单',
+  },
+
   //运输管理
   tranManagement: {
     tranManagementDriver: '司机管理',

src/main.js

@@ -7,7 +7,7 @@ import notification from './notification'
 import '@/styles/common.scss' // global css
 import i18n from '@/lang' // Internationalization
 import './permission' // permission control
-import './registerServiceWorker';
+import './registerServiceWorker'; 
 import crudCommon from '@/mixins/crud'
 window.$crudCommon = crudCommon;
 import vendors from '@/vendors'
@@ -16,6 +16,7 @@ Vue.config.productionTip = false
 import AMap from 'vue-amap';
 Vue.use(AMap);
 
+
 import $ from 'jquery'
 // 初始化vue-amap
 AMap.initAMapApiLoader({

src/views/purchasingManagement/component/routers/route.js

@@ -0,0 +1,96 @@
+import Layout from '@/layout/index';
+
+const purchasingManagementRouter = {
+  path: '/purchasingManagement',
+  component: Layout,
+  redirect: '/purchasingManagement',
+  name: 'purchasingManagement',
+  alwaysShow: true, // will always show the root menu
+  meta: {
+    title: 'purchasingManagement',
+    module: 'contractManagement',
+    icon: '-caigouyewuguanli'
+  },
+  children: [
+      //采购计划列表
+    {
+      path: 'procurementPlanList',
+      component: () =>
+        import(/* webpackChunkName: "applDetail" */ '@/views/purchasingManagement/procurementPlanList'),
+      name: 'procurementPlanList',
+      meta: {
+        title: 'procurementPlanList',
+        shortcutEntrance: 'purchasingManagement',
+        module: 'contractManagement.procurementPlanList',
+        permissicon: [],
+        keepAlive: true
+        // module: 'procurement.sparepart.applDetail'
+      }
+    },
+    // // 采购计划添加
+    // {
+    //   path: 'procurementPlanAdd',
+    //   component: () =>
+    //     import(/* webpackChunkName: "sparepartList" */ '@/views/purchasingManagement/procurementPlanAdd'),
+    //   name: 'procurementPlanAdd',
+    //   meta: {
+    //     title: 'procurementPlanAdd',
+    //     shortcutEntrance: 'purchasingManagement',
+    //     module: 'purchasingManagement.procurementPlanAdd',
+    //     permissicon: [],
+    //     keepAlive: true
+    //   }
+    // },
+    // //采购修改
+    // {
+    //   path: 'procurementPlanEdit',
+    //   component: () =>
+    //     import(/* webpackChunkName: "applDetail" */ '@/views/contractManagement/procurementPlanEdit'),
+    //   name: 'procurementPlanEdit',
+    //   meta: {
+    //     title: 'procurementPlanEdit',
+    //     shortcutEntrance: 'purchasingManagement',
+    //     module: 'purchasingManagement.buyContract.buyContractInfo.view',
+    //     permissicon: [],
+    //     keepAlive: true
+    //     // module: 'procurement.sparepart.applDetail'
+    //   },
+    //   hidden: true
+    // },
+    // {
+    //   path: 'procurementPlanLook',
+    //   component: () =>
+    //     import(/* webpackChunkName: "applDetail" */ '@/views/contractManagement/procurementPlanLook'),
+    //   name: 'procurementPlanLook',
+    //   meta: {
+    //     title: 'procurementPlanLook',
+    //     shortcutEntrance: 'purchasingManagement',
+    //     module: 'purchasingManagement.buyContract.buyContractInfo.edit',
+    //     permissicon: [],
+    //     keepAlive: true
+    //     // module: 'procurement.sparepart.applDetail'
+    //   },
+    //   hidden: true
+    // },
+    //采购订单列表
+    // {
+    //   path: 'purchaseOrderList',
+    //   component: () =>
+    //     import(/* webpackChunkName: "applDetail" */ '@/views/contractManagement/purchaseOrderList'),
+    //   name: 'purchaseOrderList',
+    //   meta: {
+    //     title: 'purchaseOrderList',
+    //     shortcutEntrance: 'purchasingManagement',
+    //     module: 'purchasingManagement.buyContract.buyContractInfo.add',
+    //     permissicon: [],
+    //     keepAlive: true
+    //     // module: 'procurement.sparepart.applDetail'
+    //   },
+    // //   hidden: true
+    // },
+   
+  ],
+
+};
+
+export default purchasingManagementRouter;

src/views/purchasingManagement/procurementPlanAdd.vue

@@ -0,0 +1,751 @@
+// 创建采购计划
+<template>
+  <div class="container">
+    <el-row>
+      <el-col :span="12">
+        <h2 class="bg-left title">创建采购计划</h2>
+      </el-col>
+      <el-col :span="12" class="bg-right">
+        <el-button class="bg-bottom" type="primary" size="small" @click="returnsales()">
+          <img
+            width="6"
+            height="10"
+            style="vertical-align: bottom; margin-right: 3px"
+            src="../../../public/img/lujing.png"
+            alt
+          />返回
+        </el-button>
+      </el-col>
+    </el-row>
+    <div class="basicInformation">
+      <el-radio-group @change="tasktypechange" v-model="dataList.taskTypeKey"></el-radio-group>
+      <div class="center1">
+        <div class="small-title">
+          <h3>基本信息</h3>
+        </div>
+        <el-form ref="dataList" :model="dataList" label-width="140px">
+          <!-- 标题 -->
+          <el-form-item label="标题" span="1">
+            <el-input v-model="dataList.warehouseName" maxlength="16" placeholder="请输入标题，不超过16个字" />
+          </el-form-item>
+          <!-- 货名 -->
+          <el-form-item label="货名" span="1">
+            <el-select v-model="dataList.inOutType" class="typeselect" placeholder="请选择货名" />
+          </el-form-item>
+          <!-- 计划采购量（吨） -->
+          <el-form-item label="计划采购量（吨）" span="1">
+            <el-input v-model="dataList.contractNo" class="typeselect" placeholder="请输入计划采购量" />
+          </el-form-item>
+          <!-- 最小成交量 -->
+          <el-form-item label="最小成交量（吨）" span="1">
+            <el-input v-model="dataList.goodsName" placeholder="请输入最小成交量" />
+          </el-form-item>
+          <!--类型-->
+          <el-form-item label="类型" span="1">
+            <el-select v-model="dataList.weight" maxlength="120" placeholder="请选择类型" />
+          </el-form-item>
+          <!-- 价格类型 -->
+          <el-form-item label="价格类型" span="1">
+            <el-input v-model="dataList.grade" placeholder="请输入价格类型"   />
+          </el-form-item>
+          <!-- 基差 -->
+          <el-form-item label="基差(元/吨)" span="1">
+            <el-input v-model="dataList.grade" placeholder="请输入基差" />
+          </el-form-item>
+          <!--采购价格（元）-->
+          <el-form-item label="采购价格（元）" span="1">
+            <el-input
+              v-model="dataList.bulkDensity"
+              maxlength="120"
+              size="small"
+              placeholder="请输入采购价格"
+            />
+          </el-form-item>
+          <!--收货库-->
+          <el-form-item label="收货库" span="1">
+            <el-select
+              v-model="dataList.waterContent"
+              maxlength="120"
+              size="small"
+              placeholder="请选择收货库"
+            />
+          </el-form-item>
+          <!--收货库所在地区-->
+          <el-form-item label="收货库所在地区" span="1">
+            <el-select
+              v-model="dataList.unitPrice"
+              maxlength="120"
+              size="small"
+              placeholder="请选择收货库说在地区"
+            />
+          </el-form-item>
+          <!--运费承担方-->
+          <el-form-item label="运费承担方" span="1">
+            <el-select
+              v-model="dataList.unitPrice"
+              maxlength="120"
+              size="small"
+              placeholder="请选择运费承担方"
+            />
+          </el-form-item>
+          <!--包装方式-->
+          <el-form-item label="包装方式" span="1">
+            <el-select
+              v-model="dataList.agent"
+              filterable
+              :filter-method="dataFilter"
+              placeholder="请选择包装方式"
+            ></el-select>
+          </el-form-item>
+          <!--装袋备注=-->
+          <el-form-item label="装袋备注" span="1">
+            <el-input
+              v-model="dataList.businessDescribe"
+              size="small"
+              placeholder="请输入装袋要求如：98斤，王中王彩袋"
+            />
+          </el-form-item>
+          <!-- 买方 -->
+          <el-form-item label="买方" span="1">
+            <el-input
+              v-model="dataList.unitPrice"
+              maxlength="120"
+              size="small"
+              placeholder="请输入买方名称"
+            />
+          </el-form-item>
+          <!-- 买方电话 -->
+          <el-form-item label="买方电话" span="1">
+            <el-input
+              v-model="dataList.agent"
+              filterable
+              :filter-method="dataFilter"
+              placeholder="请输入买方电话"
+            ></el-input>
+          </el-form-item>
+          <div class="small-title"></div>
+        </el-form>
+      </div>
+      <div class="center1">
+        <div class="small-title">
+          <h3>货物要求</h3>
+        </div>
+        <el-form ref="dataList" :model="dataList" label-width="140px">
+          <el-form-item label="水分(%)<=" span="1">
+            <el-input v-model="dataList.warehouseName" class="typeselect" placeholder="请输入水分占比" />
+          </el-form-item>
+
+          <!-- 容重 -->
+          <el-form-item label="容重(g/l)<=" span="1">
+            <el-input v-model="dataList.warehouseName" class="typeselect" placeholder="请输入容重" />
+          </el-form-item>
+          <!-- 热损伤 -->
+          <el-form-item label="热损伤(%)<=" span="1">
+            <el-input v-model="dataList.inOutType" class="typeselect" placeholder="请输入热损伤占比" />
+          </el-form-item>
+          <!-- 杂质 -->
+          <el-form-item label="杂质(%)<=" span="1">
+            <el-input v-model="dataList.contractNo" class="typeselect" placeholder="请输入杂质占比" />
+          </el-form-item>
+          <!-- 霉变粒 -->
+          <el-form-item label="霉变粒（%）<=" span="1">
+            <el-input v-model="dataList.goodsName" placeholder="请输入霉变粒占比" />
+          </el-form-item>
+          <!--不完善粒（%）<=-->
+          <el-form-item label="不完善粒（%）<=" span="1">
+            <el-input v-model="dataList.weight" maxlength="120" placeholder="请输入不完善粒占比" />
+          </el-form-item>
+          <!-- 蛋白（%）<= -->
+          <el-form-item label="蛋白（%）<=" span="1">
+            <el-input v-model="dataList.grade" class="typeselect" placeholder="请输入蛋白占比" />
+          </el-form-item>
+          <!--粒型-->
+          <el-form-item label="粒型" span="1">
+            <el-select
+              v-model="dataList.bulkDensity"
+              maxlength="120"
+              size="small"
+              placeholder="请选择粒型"
+            />
+          </el-form-item>
+          <!--品级-->
+          <el-form-item label="品级" span="1">
+            <el-select
+              v-model="dataList.waterContent"
+              maxlength="120"
+              size="small"
+              placeholder="请选择品级"
+            />
+          </el-form-item>
+          <!--产地-->
+          <el-form-item label="产地" span="1">
+            <el-select
+              v-model="dataList.unitPrice"
+              maxlength="120"
+              size="small"
+              placeholder="请选择产地"
+            />
+          </el-form-item>
+          <!--产出年份-->
+          <el-form-item label="产出年份" span="1">
+            <el-select v-model="dataList.unitPrice" size="small" placeholder="请选择年份" />
+          </el-form-item>
+        </el-form>
+      </div>
+    </div>
+    <!-- 提交 -->
+    <div style="text-align: right; padding: 10px" class="center">
+      <el-button class="bg-bottom" type="primary" size="small" @click="submit()">提交</el-button>
+    </div>
+  </div>
+</template>
+<script>
+import {
+  getwarehousename,
+  xialaNo,
+  addoreditoutput,
+  outexamine
+} from '@/model/tasksport/index'
+import { packList } from '@/model/contarct/index'
+import { pullDown, getstaff } from '@/model/warehouse/index'
+import { downloadFile } from '@/utils/batchDown'
+import Pagination from '@/components/Pagination'
+import { mapActions, mapGetters, mapState } from 'vuex'
+import WsUpload from '@/components/WsUpload'
+// import { dayjs, fmoney, EventBus } from 'base-core-lib'
+import { dayjs, EventBus } from 'base-core-lib'
+export default {
+  name: 'viewSpareMoney',
+  components: {
+    WsUpload,
+    Pagination
+  },
+  watch: {
+    // vesselId(val) {
+    //   this.getList()
+    // },
+    isShow(val) {
+      this.showType = val
+    }
+  },
+  computed: {
+    ...mapGetters(['deptBudgetList'])
+  },
+  data() {
+    return {
+      //弹出框
+      dialogViewSpareMoney: false,
+      dialogApproveFormVisible: false,
+      // 船舶类型
+      monetaryKey: null,
+      // 表格显示数据
+      tableDate: [],
+      // 是否显示
+      showType: true,
+      // 年
+      year: '',
+      contractNoList: [],
+      deptBudgetTotal: 0,
+      readonly: true,
+      currentPage: 1,
+      pageSize: 10,
+      searchType: 1,
+      searchKeyWord: '',
+      radio: '1',
+      contractType: 2,
+      startDate: null,
+      endDate: null,
+      goodnameList: [],
+      checked: true,
+      form: {},
+
+      staffList: [],
+      options: [],
+      storageType: [],
+      storageType1: [],
+      outContractNo: [],
+      // 提交类型
+      submitType: true,
+      status: [],
+      unitPricechange: [],
+      warehouseNameList: [],
+      warehouseNameList1: [],
+      waterContentchange: [],
+      appendixIdsAdd: '',
+      uploadSuccess: {},
+      warehouseInOutDetail: {},
+      onChange: {},
+      deptBudgetList1: [],
+      gradeList: [],
+      rules: {
+        netWeight: [
+          {
+            required: true,
+            type: 'number',
+            message: '请输入活动名称',
+            trigger: 'blur'
+          }
+        ]
+      },
+      size: 10,
+      compId: sessionStorage.getItem('ws-pf_compId'),
+      deptCircularPage: {},
+      packtypeList: {},
+      date: {
+        year: dayjs().format('YYYY'),
+        month: dayjs().format('MM')
+      },
+      contractList: [],
+      inOutTaskNo: '',
+      inOutTaskNo1: '',
+      dataList: { taskTypeKey: '1' },
+      dataList1: { taskTypeKey: '1' },
+      historyList: [],
+      pickerBeginDateBefore: {
+        disabledDate: time => {
+          return time.getTime() > Date.now()
+        }
+      },
+      accessoryTFs: false
+    }
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    //返回按钮
+    revert() {
+      this.$router.go(-1)
+    },
+    returnsales() {
+      this.$router.push({ path: 'procurementPlanList' })
+    },
+    // 获取当前年月日
+    getdate() {
+      var date = new Date()
+      var year = date.getFullYear() //获取完整的年份(4位)
+      var mouth = date.getMonth() + 1 //获取当前月份(0-11,0代表1月)
+      var datetime = date.getDate() //获取当前日(1-31)
+      if (mouth < 10) {
+        mouth = '0' + mouth
+      }
+      if (datetime < 10) {
+        datetime = '0' + datetime
+      }
+      return year + mouth + datetime
+    },
+    // 随机验证码
+    verifyinit() {
+      var arr = []
+      for (var i = 48; i < 123; i++) {
+        if (i > 57 && i < 65) continue
+        if (i > 90 && i < 97) continue
+        arr.push(String.fromCharCode(i))
+      }
+      arr.sort(function() {
+        return Math.random() - 0.5
+      })
+      arr.length = 4
+
+      return arr.join('')
+    },
+    dataFilter(val) {
+      // console.log(val,"名")
+      this.deptBudgetList.staffList = val
+      if (val) {
+        //val存在
+        this.options = this.staffList.filter(item => {
+          if (
+            !!~item.staffName.indexOf(val) ||
+            !!~item.staffName.toUpperCase().indexOf(val.toUpperCase())
+          ) {
+            return true
+          }
+        })
+      } else {
+        //val为空时，还原数组
+        this.options = this.staffList
+      }
+    },
+    selectstaff(e) {
+      for (var i = 0; i < this.staffList.length; i++) {
+        if (this.staffList[i].staffName == e) {
+          this.dataList.agentKey = this.staffList[i].staffId
+        }
+      }
+    },
+    selectstaff1(e) {
+      for (var i = 0; i < this.staffList.length; i++) {
+        if (this.staffList[i].staffName == e) {
+          this.dataList1.agentKey = this.staffList[i].staffId
+        }
+      }
+    },
+    requestadd(list, status) {
+      this.$refs.dataList.validate(valid => {
+        if (valid) {
+          list.compId = sessionStorage.getItem('ws-pf_compId')
+          list.publisher =
+            sessionStorage.getItem('ws-pf_roleName') +
+            sessionStorage.getItem('ws-pf_staffName')
+          addoreditoutput(list)
+            .toPromise()
+            .then(response => {
+              this.$message.success('添加成功')
+              this.$router.push({ path: 'tranManagementWarehouseInOutTask' })
+            })
+        } else {
+          EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
+          return false
+        }
+      })
+    },
+    //关闭
+    close() {
+      this.$router.push({ path: 'procurementPlanList' })
+    },
+    //提交按钮
+    // submit() {
+    //   if (this.dataList.taskTypeKey == 1) {
+    //     this.dataList.inOutTaskNo = this.inOutTaskNo
+    //     this.requestadd(this.dataList)
+    //   } else if (this.dataList.taskTypeKey == 2) {
+    //     this.dataList.inOutTaskNo = this.inOutTaskNo1
+    //     this.requestadd(this.dataList)
+    //   } else if (
+    //     this.dataList.taskTypeKey == 3 ||
+    //     this.dataList.taskTypeKey == 4
+    //   ) {
+    //     this.dataList.inOutTaskNo = this.inOutTaskNo
+    //     this.dataList.relevanceId = this.GetRandomNum(100000, 999999)
+    //     this.requestadd(this.dataList, 'repetition')
+    //     this.dataList1.inOutTaskNo = this.inOutTaskNo1
+    //     this.dataList1.relevanceId = this.dataList.relevanceId
+    //     this.requestadd(this.dataList1, 'repetition')
+    //   }
+    // },
+    selectwarehouseName() {},
+    tarechange(e) {
+      if (this.dataList.grossWeight && this.dataList.tare) {
+        this.dataList.netWeight = Number(
+          this.dataList.grossWeight - this.dataList.tare
+        )
+      }
+    },
+    grossWeightchange(e) {
+      if (this.dataList.grossWeight && this.dataList.tare) {
+        this.dataList.netWeight = Number(
+          this.dataList.grossWeight - this.dataList.tare
+        )
+      }
+    },
+    selectgoodsName(e) {
+      for (var i = 0; i < this.goodnameList.length; i++) {
+        if (this.goodnameList[i].constValue == e) {
+          this.dataList.goodsNameKey = this.goodnameList[i].constKey
+        }
+      }
+    },
+    selectgoodsName1(e) {
+      for (var i = 0; i < this.goodnameList.length; i++) {
+        if (this.goodnameList[i].constValue == e) {
+          this.dataList1.goodsNameKey = this.goodnameList[i].constKey
+        }
+      }
+    },
+    selectpackingMethod(e) {
+      for (var i = 0; i < this.packtypeList.length; i++) {
+        if (this.packtypeList[i].constValue == e) {
+          this.dataList.packingMethodKey = this.packtypeList[i].constKey
+        }
+      }
+    },
+    selectpackingMethod1(e) {
+      for (var i = 0; i < this.packtypeList.length; i++) {
+        if (this.packtypeList[i].constValue == e) {
+          this.dataList1.packingMethodKey = this.packtypeList[i].constKey
+        }
+      }
+    },
+    selectstorageType(e) {
+      for (var i = 0; i < this.storageType.length; i++) {
+        if (this.storageType[i].constValue == e) {
+          this.dataList.inOutTypeKey = this.storageType[i].constKey
+        }
+      }
+    },
+    selectstorageType1(e) {
+      for (var i = 0; i < this.storageType1.length; i++) {
+        if (this.storageType1[i].constValue == e) {
+          this.dataList1.inOutTypeKey = this.storageType[i].constKey
+        }
+      }
+    },
+    handleClose() {
+      this.accessoryTFs = false
+    },
+    tasktypechange() {
+      this.tasknumber()
+    },
+    GetRandomNum(Min, Max) {
+      var Range = Max - Min
+      var Rand = Math.random()
+      return Min + Math.round(Rand * Range)
+    },
+    getList() {
+      outexamine({ relevanceId: this.$route.query.relevanceId })
+        .toPromise()
+        .then(response => {
+          if (response.length > 1) {
+            this.dataList = response[0]
+            this.dataList1 = response[1]
+          } else {
+            console.log(response[0].taskTypeKey)
+            if (response[0].taskTypeKey == 2) {
+              this.dataList1 = response[0]
+            } else {
+              this.dataList = response[0]
+            }
+          }
+        })
+    },
+
+    // deletecontract(){},
+    //删除
+    approve() {},
+    listQuery() {},
+    total() {},
+    clearfiltQuery() {},
+    selectCrtDuty() {}
+  }
+}
+</script>
+<style lang="scss" scoped>
+/deep/.basicInformation {
+  .el-info-table {
+    border: none;
+    position: relative;
+  }
+  .el-form-item {
+    width: 33.3333%;
+    border: none;
+    margin: 0;
+    .el-form-item__label {
+      text-align: left;
+      font-size: 14px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-weight: 400;
+      color: #8890b1;
+    }
+    .el-form-item__content {
+      padding-left: 0px;
+      padding-right: 10px;
+      // background: #fff;
+      white-space: nowrap;
+      height: 40px;
+      display: flex;
+      -webkit-box-align: center;
+      align-items: center;
+      text-align: left;
+      overflow: hidden;
+    }
+  }
+}
+/deep/.el-radio {
+  color: #606266;
+  font-weight: 500;
+  line-height: 1;
+  cursor: pointer;
+  white-space: nowrap;
+  outline: 0;
+  margin-right: 30px;
+  margin-top: 15px;
+}
+/deep/.el-radio__inner {
+  border: 1px solid #dcdfe6;
+  border-radius: 100%;
+  width: 14px;
+  height: 14px;
+  background-color: #fff;
+  cursor: pointer;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  margin-left: 100px;
+}
+/deep/.el-radio__input {
+  white-space: nowrap;
+  cursor: pointer;
+  outline: 0;
+  line-height: 1;
+  vertical-align: middle;
+  margin-top: -1px;
+}
+.title {
+  position: relative;
+  padding-left: 10px;
+}
+.title::before {
+  content: '';
+  display: inline-block;
+  width: 5px;
+  height: 30px;
+  background: #5473e8;
+  position: absolute;
+  left: 0;
+}
+.el-form {
+  padding: 0 15%;
+  display: flex;
+  flex-wrap: wrap;
+  margin-left: -50px;
+  margin-top: 15px;
+  width: 110%;
+}
+.el-button--primary {
+  background-color: #5878e8;
+  border-color: #5878e8;
+}
+.el-col {
+  background: #f6f7fc;
+}
+.bg-right {
+  text-align: right;
+  padding: 16px 20px;
+}
+.center {
+  position: relative;
+  top: 50px;
+  width: 40%;
+  height: 2000px;
+  margin: 0 auto;
+  margin-right: 180px;
+}
+/deep/.el-form-item__label {
+  width: 160px;
+}
+.inspector {
+  width: 50%;
+}
+/deep/.el-form-item--small .el-form-item__label,
+.el-form-item--small .el-form-item__content {
+  text-align: left;
+}
+/deep/.el-input--small {
+  font-size: 13px;
+  position: relative;
+  display: inline-block;
+}
+.center1 .small-title {
+  margin-left: 323px;
+}
+.center1 {
+  width: 90%;
+  margin: 0 auto;
+  margin-left: 10px;
+  margin-top: 25px;
+}
+/deep/.el-input--small .el-input__inner {
+  height: 32px;
+  line-height: 32px;
+}
+/deep/.el-select {
+  display: inline-block;
+  position: relative;
+  width: 100%;
+}
+.annu {
+  height: 81px;
+  background: #ffffff;
+  border-radius: 4px;
+}
+.basicInformation .el-form-item {
+  width: 50.3333%;
+  border: none;
+  margin: 0;
+}
+.el-form {
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #8890b1;
+  line-height: 16px;
+  margin-left: 130px;
+}
+.a {
+  margin-left: -32px;
+}
+.el-radio-group {
+  margin-left: 80px;
+}
+.ding {
+  height: 23px;
+  background: #e8ecf6;
+  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
+}
+.nav2 {
+  height: 25px;
+  background: #e8ecf6;
+  margin-top: 15px;
+}
+.ziti {
+  width: 72px;
+  height: 20px;
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #8890b1;
+  line-height: 20px;
+  margin-left: 314px;
+  /* margin-top: 112px; */
+}
+/deep/.ziti1 {
+  height: 40px;
+  font-size: 16px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #262626;
+  line-height: 20px;
+  margin-left: 381px;
+  margin-top: -21px;
+  width: 100px;
+}
+.winseaview-view {
+  padding: 0 0 20px;
+}
+.container {
+  overflow: scroll;
+  height: 93vh;
+}
+/deep/.basicInformation .el-form-item .el-form-item__content {
+  padding-left: 0px;
+  padding-right: 10px;
+  white-space: nowrap;
+  height: 40px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  text-align: left;
+  overflow: hidden;
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #232323;
+  line-height: 14px;
+}
+.nav {
+  width: 400px;
+  height: 20px;
+}
+.readonly :after {
+  content: '*';
+  color: #ff2727;
+  position: absolute;
+  right: 8px;
+  z-index: 10;
+  top: 21%;
+  font-size: 20px;
+}
+</style>

src/views/purchasingManagement/procurementPlanEdit.vue

@@ -0,0 +1,756 @@
+// 编辑采购计划
+<template>
+  <div class="container">
+    <el-row>
+      <el-col :span="12">
+        <h2 class="bg-left title">编辑采购计划</h2>
+      </el-col>
+      <el-col :span="12" class="bg-right">
+        <el-button class="bg-bottom" type="primary" size="small" @click="returnsales()">
+          <img
+            width="6"
+            height="10"
+            style="vertical-align: bottom; margin-right: 3px"
+            src="../../../public/img/lujing.png"
+            alt
+          />返回
+        </el-button>
+      </el-col>
+    </el-row>
+    <div class="basicInformation">
+      <el-radio-group @change="tasktypechange" v-model="dataList.taskTypeKey"></el-radio-group>
+      <div class="center1">
+        <div class="small-title">
+          <h3>基本信息</h3>
+        </div>
+        <el-form ref="dataList" :model="dataList" label-width="140px">
+          <!-- 标题 -->
+          <el-form-item label="标题" span="1">
+            <el-input v-model="dataList.warehouseName" maxlength="16" placeholder="请输入标题，不超过16个字" />
+          </el-form-item>
+          <!-- 货名 -->
+          <el-form-item label="货名" span="1">
+            <el-select
+              v-model="dataList.inOutType"
+              class="typeselect"
+              placeholder="请选择货名"
+              disabled
+            />
+          </el-form-item>
+          <!-- 计划采购量（吨） -->
+          <el-form-item label="计划采购量（吨）" span="1">
+            <el-input v-model="dataList.contractNo" class="typeselect" placeholder="请输入计划采购量" />
+          </el-form-item>
+          <!-- 最小成交量 -->
+          <el-form-item label="最小成交量（吨）" span="1">
+            <el-input v-model="dataList.goodsName" placeholder="请输入最小成交量" />
+          </el-form-item>
+          <!--类型-->
+          <el-form-item label="类型" span="1">
+            <el-select v-model="dataList.weight" maxlength="120" placeholder="请选择类型" disabled />
+          </el-form-item>
+          <!-- 价格类型 -->
+          <el-form-item label="价格类型" span="1">
+            <el-input v-model="dataList.grade" placeholder="请输入价格类型" disabled />
+          </el-form-item>
+          <!-- 基差 -->
+          <el-form-item label="基差(元/吨)" span="1">
+            <el-input v-model="dataList.grade" placeholder="请输入基差" />
+          </el-form-item>
+          <!--采购价格（元）-->
+          <el-form-item label="采购价格（元）" span="1">
+            <el-input
+              v-model="dataList.bulkDensity"
+              maxlength="120"
+              size="small"
+              placeholder="请输入采购价格"
+            />
+          </el-form-item>
+          <!--收货库-->
+          <el-form-item label="收货库" span="1">
+            <el-select
+              v-model="dataList.waterContent"
+              maxlength="120"
+              size="small"
+              placeholder="请选择收货库"
+            />
+          </el-form-item>
+          <!--收货库所在地区-->
+          <el-form-item label="收货库所在地区" span="1">
+            <el-select
+              v-model="dataList.unitPrice"
+              maxlength="120"
+              size="small"
+              placeholder="请选择收货库说在地区"
+            />
+          </el-form-item>
+          <!--运费承担方-->
+          <el-form-item label="运费承担方" span="1">
+            <el-select
+              v-model="dataList.unitPrice"
+              maxlength="120"
+              size="small"
+              placeholder="请选择运费承担方"
+            />
+          </el-form-item>
+          <!--包装方式-->
+          <el-form-item label="包装方式" span="1">
+            <el-select
+              v-model="dataList.agent"
+              filterable
+              :filter-method="dataFilter"
+              placeholder="请选择包装方式"
+            ></el-select>
+          </el-form-item>
+          <!--装袋备注=-->
+          <el-form-item label="装袋备注" span="1">
+            <el-input
+              v-model="dataList.businessDescribe"
+              size="small"
+              placeholder="请输入装袋要求如：98斤，王中王彩袋"
+            />
+          </el-form-item>
+          <!-- 买方 -->
+          <el-form-item label="买方" span="1">
+            <el-input
+              v-model="dataList.unitPrice"
+              maxlength="120"
+              size="small"
+              placeholder="请输入买方名称"
+            />
+          </el-form-item>
+          <!-- 买方电话 -->
+          <el-form-item label="买方电话" span="1">
+            <el-input
+              v-model="dataList.agent"
+              filterable
+              :filter-method="dataFilter"
+              placeholder="请输入买方电话"
+            ></el-input>
+          </el-form-item>
+          <div class="small-title"></div>
+        </el-form>
+      </div>
+      <div class="center1">
+        <div class="small-title">
+          <h3>货物要求</h3>
+        </div>
+        <el-form ref="dataList" :model="dataList" label-width="140px">
+          <el-form-item label="水分(%)<=" span="1">
+            <el-input v-model="dataList.warehouseName" class="typeselect" placeholder="请输入水分占比" />
+          </el-form-item>
+
+          <!-- 容重 -->
+          <el-form-item label="容重(g/l)<=" span="1">
+            <el-input v-model="dataList.warehouseName" class="typeselect" placeholder="请输入容重" />
+          </el-form-item>
+          <!-- 热损伤 -->
+          <el-form-item label="热损伤(%)<=" span="1">
+            <el-input v-model="dataList.inOutType" class="typeselect" placeholder="请输入热损伤占比" />
+          </el-form-item>
+          <!-- 杂质 -->
+          <el-form-item label="杂质(%)<=" span="1">
+            <el-input v-model="dataList.contractNo" class="typeselect" placeholder="请输入杂质占比" />
+          </el-form-item>
+          <!-- 霉变粒 -->
+          <el-form-item label="霉变粒（%）<=" span="1">
+            <el-input v-model="dataList.goodsName" placeholder="请输入霉变粒占比" />
+          </el-form-item>
+          <!--不完善粒（%）<=-->
+          <el-form-item label="不完善粒（%）<=" span="1">
+            <el-input v-model="dataList.weight" maxlength="120" placeholder="请输入不完善粒占比" />
+          </el-form-item>
+          <!-- 蛋白（%）<= -->
+          <el-form-item label="蛋白（%）<=" span="1">
+            <el-input v-model="dataList.grade" class="typeselect" placeholder="请输入蛋白占比" />
+          </el-form-item>
+          <!--粒型-->
+          <el-form-item label="粒型" span="1">
+            <el-select
+              v-model="dataList.bulkDensity"
+              maxlength="120"
+              size="small"
+              placeholder="请选择粒型"
+            />
+          </el-form-item>
+          <!--品级-->
+          <el-form-item label="品级" span="1">
+            <el-select
+              v-model="dataList.waterContent"
+              maxlength="120"
+              size="small"
+              placeholder="请选择品级"
+            />
+          </el-form-item>
+          <!--产地-->
+          <el-form-item label="产地" span="1">
+            <el-select
+              v-model="dataList.unitPrice"
+              maxlength="120"
+              size="small"
+              placeholder="请选择产地"
+            />
+          </el-form-item>
+          <!--产出年份-->
+          <el-form-item label="产出年份" span="1">
+            <el-select v-model="dataList.unitPrice" size="small" placeholder="请选择年份" />
+          </el-form-item>
+        </el-form>
+      </div>
+    </div>
+    <!-- 提交 -->
+    <div style="text-align: right; padding: 10px" class="center">
+      <el-button class="bg-bottom" type="primary" size="small" @click="submit()">提交</el-button>
+    </div>
+  </div>
+</template>
+<script>
+import {
+  getwarehousename,
+  xialaNo,
+  addoreditoutput,
+  outexamine
+} from '@/model/tasksport/index'
+import { packList } from '@/model/contarct/index'
+import { pullDown, getstaff } from '@/model/warehouse/index'
+import { downloadFile } from '@/utils/batchDown'
+import Pagination from '@/components/Pagination'
+import { mapActions, mapGetters, mapState } from 'vuex'
+import WsUpload from '@/components/WsUpload'
+// import { dayjs, fmoney, EventBus } from 'base-core-lib'
+import { dayjs, EventBus } from 'base-core-lib'
+export default {
+  name: 'viewSpareMoney',
+  components: {
+    WsUpload,
+    Pagination
+  },
+  watch: {
+    // vesselId(val) {
+    //   this.getList()
+    // },
+    isShow(val) {
+      this.showType = val
+    }
+  },
+  computed: {
+    ...mapGetters(['deptBudgetList'])
+  },
+  data() {
+    return {
+      //弹出框
+      dialogViewSpareMoney: false,
+      dialogApproveFormVisible: false,
+      // 船舶类型
+      monetaryKey: null,
+      // 表格显示数据
+      tableDate: [],
+      // 是否显示
+      showType: true,
+      // 年
+      year: '',
+      contractNoList: [],
+      deptBudgetTotal: 0,
+      readonly: true,
+      currentPage: 1,
+      pageSize: 10,
+      searchType: 1,
+      searchKeyWord: '',
+      radio: '1',
+      contractType: 2,
+      startDate: null,
+      endDate: null,
+      goodnameList: [],
+      checked: true,
+      form: {},
+
+      staffList: [],
+      options: [],
+      storageType: [],
+      storageType1: [],
+      outContractNo: [],
+      // 提交类型
+      submitType: true,
+      status: [],
+      unitPricechange: [],
+      warehouseNameList: [],
+      warehouseNameList1: [],
+      waterContentchange: [],
+      appendixIdsAdd: '',
+      uploadSuccess: {},
+      warehouseInOutDetail: {},
+      onChange: {},
+      deptBudgetList1: [],
+      gradeList: [],
+      rules: {
+        netWeight: [
+          {
+            required: true,
+            type: 'number',
+            message: '请输入活动名称',
+            trigger: 'blur'
+          }
+        ]
+      },
+      size: 10,
+      compId: sessionStorage.getItem('ws-pf_compId'),
+      deptCircularPage: {},
+      packtypeList: {},
+      date: {
+        year: dayjs().format('YYYY'),
+        month: dayjs().format('MM')
+      },
+      contractList: [],
+      inOutTaskNo: '',
+      inOutTaskNo1: '',
+      dataList: { taskTypeKey: '1' },
+      dataList1: { taskTypeKey: '1' },
+      historyList: [],
+      pickerBeginDateBefore: {
+        disabledDate: time => {
+          return time.getTime() > Date.now()
+        }
+      },
+      accessoryTFs: false
+    }
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    //返回按钮
+    revert() {
+      this.$router.go(-1)
+    },
+    returnsales() {
+      this.$router.push({ path: 'procurementPlanList' })
+    },
+    // 获取当前年月日
+    getdate() {
+      var date = new Date()
+      var year = date.getFullYear() //获取完整的年份(4位)
+      var mouth = date.getMonth() + 1 //获取当前月份(0-11,0代表1月)
+      var datetime = date.getDate() //获取当前日(1-31)
+      if (mouth < 10) {
+        mouth = '0' + mouth
+      }
+      if (datetime < 10) {
+        datetime = '0' + datetime
+      }
+      return year + mouth + datetime
+    },
+    // 随机验证码
+    verifyinit() {
+      var arr = []
+      for (var i = 48; i < 123; i++) {
+        if (i > 57 && i < 65) continue
+        if (i > 90 && i < 97) continue
+        arr.push(String.fromCharCode(i))
+      }
+      arr.sort(function() {
+        return Math.random() - 0.5
+      })
+      arr.length = 4
+
+      return arr.join('')
+    },
+    dataFilter(val) {
+      // console.log(val,"名")
+      this.deptBudgetList.staffList = val
+      if (val) {
+        //val存在
+        this.options = this.staffList.filter(item => {
+          if (
+            !!~item.staffName.indexOf(val) ||
+            !!~item.staffName.toUpperCase().indexOf(val.toUpperCase())
+          ) {
+            return true
+          }
+        })
+      } else {
+        //val为空时，还原数组
+        this.options = this.staffList
+      }
+    },
+    selectstaff(e) {
+      for (var i = 0; i < this.staffList.length; i++) {
+        if (this.staffList[i].staffName == e) {
+          this.dataList.agentKey = this.staffList[i].staffId
+        }
+      }
+    },
+    selectstaff1(e) {
+      for (var i = 0; i < this.staffList.length; i++) {
+        if (this.staffList[i].staffName == e) {
+          this.dataList1.agentKey = this.staffList[i].staffId
+        }
+      }
+    },
+    requestadd(list, status) {
+      this.$refs.dataList.validate(valid => {
+        if (valid) {
+          list.compId = sessionStorage.getItem('ws-pf_compId')
+          list.publisher =
+            sessionStorage.getItem('ws-pf_roleName') +
+            sessionStorage.getItem('ws-pf_staffName')
+          addoreditoutput(list)
+            .toPromise()
+            .then(response => {
+              this.$message.success('添加成功')
+              this.$router.push({ path: 'tranManagementWarehouseInOutTask' })
+            })
+        } else {
+          EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
+          return false
+        }
+      })
+    },
+    //关闭
+    close() {
+      this.$router.push({ path: 'procurementPlanList' })
+    },
+    //提交按钮
+    // submit() {
+    //   if (this.dataList.taskTypeKey == 1) {
+    //     this.dataList.inOutTaskNo = this.inOutTaskNo
+    //     this.requestadd(this.dataList)
+    //   } else if (this.dataList.taskTypeKey == 2) {
+    //     this.dataList.inOutTaskNo = this.inOutTaskNo1
+    //     this.requestadd(this.dataList)
+    //   } else if (
+    //     this.dataList.taskTypeKey == 3 ||
+    //     this.dataList.taskTypeKey == 4
+    //   ) {
+    //     this.dataList.inOutTaskNo = this.inOutTaskNo
+    //     this.dataList.relevanceId = this.GetRandomNum(100000, 999999)
+    //     this.requestadd(this.dataList, 'repetition')
+    //     this.dataList1.inOutTaskNo = this.inOutTaskNo1
+    //     this.dataList1.relevanceId = this.dataList.relevanceId
+    //     this.requestadd(this.dataList1, 'repetition')
+    //   }
+    // },
+    selectwarehouseName() {},
+    tarechange(e) {
+      if (this.dataList.grossWeight && this.dataList.tare) {
+        this.dataList.netWeight = Number(
+          this.dataList.grossWeight - this.dataList.tare
+        )
+      }
+    },
+    grossWeightchange(e) {
+      if (this.dataList.grossWeight && this.dataList.tare) {
+        this.dataList.netWeight = Number(
+          this.dataList.grossWeight - this.dataList.tare
+        )
+      }
+    },
+    selectgoodsName(e) {
+      for (var i = 0; i < this.goodnameList.length; i++) {
+        if (this.goodnameList[i].constValue == e) {
+          this.dataList.goodsNameKey = this.goodnameList[i].constKey
+        }
+      }
+    },
+    selectgoodsName1(e) {
+      for (var i = 0; i < this.goodnameList.length; i++) {
+        if (this.goodnameList[i].constValue == e) {
+          this.dataList1.goodsNameKey = this.goodnameList[i].constKey
+        }
+      }
+    },
+    selectpackingMethod(e) {
+      for (var i = 0; i < this.packtypeList.length; i++) {
+        if (this.packtypeList[i].constValue == e) {
+          this.dataList.packingMethodKey = this.packtypeList[i].constKey
+        }
+      }
+    },
+    selectpackingMethod1(e) {
+      for (var i = 0; i < this.packtypeList.length; i++) {
+        if (this.packtypeList[i].constValue == e) {
+          this.dataList1.packingMethodKey = this.packtypeList[i].constKey
+        }
+      }
+    },
+    selectstorageType(e) {
+      for (var i = 0; i < this.storageType.length; i++) {
+        if (this.storageType[i].constValue == e) {
+          this.dataList.inOutTypeKey = this.storageType[i].constKey
+        }
+      }
+    },
+    selectstorageType1(e) {
+      for (var i = 0; i < this.storageType1.length; i++) {
+        if (this.storageType1[i].constValue == e) {
+          this.dataList1.inOutTypeKey = this.storageType[i].constKey
+        }
+      }
+    },
+    handleClose() {
+      this.accessoryTFs = false
+    },
+    tasktypechange() {
+      this.tasknumber()
+    },
+    GetRandomNum(Min, Max) {
+      var Range = Max - Min
+      var Rand = Math.random()
+      return Min + Math.round(Rand * Range)
+    },
+    getList() {
+      outexamine({ relevanceId: this.$route.query.relevanceId })
+        .toPromise()
+        .then(response => {
+          if (response.length > 1) {
+            this.dataList = response[0]
+            this.dataList1 = response[1]
+          } else {
+            console.log(response[0].taskTypeKey)
+            if (response[0].taskTypeKey == 2) {
+              this.dataList1 = response[0]
+            } else {
+              this.dataList = response[0]
+            }
+          }
+        })
+    },
+
+    // deletecontract(){},
+    //删除
+    approve() {},
+    listQuery() {},
+    total() {},
+    clearfiltQuery() {},
+    selectCrtDuty() {}
+  }
+}
+</script>
+<style lang="scss" scoped>
+/deep/.basicInformation {
+  .el-info-table {
+    border: none;
+    position: relative;
+  }
+  .el-form-item {
+    width: 33.3333%;
+    border: none;
+    margin: 0;
+    .el-form-item__label {
+      text-align: left;
+      font-size: 14px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-weight: 400;
+      color: #8890b1;
+    }
+    .el-form-item__content {
+      padding-left: 0px;
+      padding-right: 10px;
+      // background: #fff;
+      white-space: nowrap;
+      height: 40px;
+      display: flex;
+      -webkit-box-align: center;
+      align-items: center;
+      text-align: left;
+      overflow: hidden;
+    }
+  }
+}
+/deep/.el-radio {
+  color: #606266;
+  font-weight: 500;
+  line-height: 1;
+  cursor: pointer;
+  white-space: nowrap;
+  outline: 0;
+  margin-right: 30px;
+  margin-top: 15px;
+}
+/deep/.el-radio__inner {
+  border: 1px solid #dcdfe6;
+  border-radius: 100%;
+  width: 14px;
+  height: 14px;
+  background-color: #fff;
+  cursor: pointer;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  margin-left: 100px;
+}
+/deep/.el-radio__input {
+  white-space: nowrap;
+  cursor: pointer;
+  outline: 0;
+  line-height: 1;
+  vertical-align: middle;
+  margin-top: -1px;
+}
+.title {
+  position: relative;
+  padding-left: 10px;
+}
+.title::before {
+  content: '';
+  display: inline-block;
+  width: 5px;
+  height: 30px;
+  background: #5473e8;
+  position: absolute;
+  left: 0;
+}
+.el-form {
+  padding: 0 15%;
+  display: flex;
+  flex-wrap: wrap;
+  margin-left: -50px;
+  margin-top: 15px;
+  width: 110%;
+}
+.el-button--primary {
+  background-color: #5878e8;
+  border-color: #5878e8;
+}
+.el-col {
+  background: #f6f7fc;
+}
+.bg-right {
+  text-align: right;
+  padding: 16px 20px;
+}
+.center {
+  position: relative;
+  top: 50px;
+  width: 40%;
+  height: 2000px;
+  margin: 0 auto;
+  margin-right: 180px;
+}
+/deep/.el-form-item__label {
+  width: 160px;
+}
+.inspector {
+  width: 50%;
+}
+/deep/.el-form-item--small .el-form-item__label,
+.el-form-item--small .el-form-item__content {
+  text-align: left;
+}
+/deep/.el-input--small {
+  font-size: 13px;
+  position: relative;
+  display: inline-block;
+}
+.center1 .small-title {
+  margin-left: 323px;
+}
+.center1 {
+  width: 90%;
+  margin: 0 auto;
+  margin-left: 10px;
+  margin-top: 25px;
+}
+/deep/.el-input--small .el-input__inner {
+  height: 32px;
+  line-height: 32px;
+}
+/deep/.el-select {
+  display: inline-block;
+  position: relative;
+  width: 100%;
+}
+.annu {
+  height: 81px;
+  background: #ffffff;
+  border-radius: 4px;
+}
+.basicInformation .el-form-item {
+  width: 50.3333%;
+  border: none;
+  margin: 0;
+}
+.el-form {
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #8890b1;
+  line-height: 16px;
+  margin-left: 130px;
+}
+.a {
+  margin-left: -32px;
+}
+.el-radio-group {
+  margin-left: 80px;
+}
+.ding {
+  height: 23px;
+  background: #e8ecf6;
+  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
+}
+.nav2 {
+  height: 25px;
+  background: #e8ecf6;
+  margin-top: 15px;
+}
+.ziti {
+  width: 72px;
+  height: 20px;
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #8890b1;
+  line-height: 20px;
+  margin-left: 314px;
+  /* margin-top: 112px; */
+}
+/deep/.ziti1 {
+  height: 40px;
+  font-size: 16px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #262626;
+  line-height: 20px;
+  margin-left: 381px;
+  margin-top: -21px;
+  width: 100px;
+}
+.winseaview-view {
+  padding: 0 0 20px;
+}
+.container {
+  overflow: scroll;
+  height: 93vh;
+}
+/deep/.basicInformation .el-form-item .el-form-item__content {
+  padding-left: 0px;
+  padding-right: 10px;
+  white-space: nowrap;
+  height: 40px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  text-align: left;
+  overflow: hidden;
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #232323;
+  line-height: 14px;
+}
+.nav {
+  width: 400px;
+  height: 20px;
+}
+.readonly :after {
+  content: '*';
+  color: #ff2727;
+  position: absolute;
+  right: 8px;
+  z-index: 10;
+  top: 21%;
+  font-size: 20px;
+}
+</style>

src/views/purchasingManagement/procurementPlanList.vue

@@ -0,0 +1,605 @@
+//采购计划
+<template>
+  <div class="container">
+    <el-row>
+      <el-col :span="12">
+        <h2 class="bg-left title"></h2>
+      </el-col>
+      <el-col :span="12" class="bg-right">
+        <el-button class="bg-bottom" type="primary" size="small" @click="revert()">
+          <img
+            width="6"
+            height="10"
+            style="vertical-align: bottom; margin-right: 3px"
+            src="../../../public/img/lujing.png"
+            alt
+          />返回
+        </el-button>
+      </el-col>
+    </el-row>
+    <!-- <div> -->
+    <div>
+      <ws-input
+        v-model="searchKeyWord"
+        placeholder="可按照合同编号和任务编号进行查找"
+        clearable
+        maxlength="500"
+        type="input"
+        class="findValue"
+      ></ws-input>
+      <ws-button class="but" type="primary" @click="find()">
+        <img
+          width="16"
+          height="16"
+          style="
+              vertical-align: text-top;
+              position: relative;
+              top: 0px;
+              left: -8px;
+            "
+          src="../../../public/img/sousuo.png"
+          alt
+        />
+      </ws-button>
+    </div>
+    <ws-button type="primary" @click="handleAdd()">添加</ws-button>
+    <el-table
+      class="wenzi"
+      :data="warehouseList.records"
+      style="width: 100%; margin-top: 20px"
+      height="780"
+    >
+      <el-table-column type="index" label="序号" width="80"></el-table-column>
+      <el-table-column class="table_td" prop="inOutTaskNo" label="采购计划编号"></el-table-column>
+      <el-table-column class="table_td" prop="contractNo" label="标题"></el-table-column>
+      <el-table-column class="table_td" prop="warehouseName" label="货名"></el-table-column>
+      <el-table-column class="table_td" prop="inOutType" label="重量(吨)"></el-table-column>
+      <el-table-column class="table_td" prop="weight" label="基差(元/吨)"></el-table-column>
+      <el-table-column class="table_td" prop="send" label="单价(元/吨)"></el-table-column>
+      <el-table-column class="table_td" prop="predictDate" label="收货库"></el-table-column>
+      <el-table-column prop="taskStatus" label="状态">
+        <template slot-scope="scope">
+          <el-popover
+            placement="left"
+            :width="285"
+            trigger="click"
+            visible-arrow="false"
+            @show="history(scope.row)"
+          >
+            <template>
+              <span slot="reference">
+                <span v-if="scope.row.taskStatus == '展示中'" class="executory"></span>
+                <span v-if="scope.row.taskStatus == '已隐藏'" class="inExecution"></span>
+              </span>
+            </template>
+            <div>
+              <!-- <p style="margin-top: 0; padding-left: 10px">历史记录</p> -->
+              <div v-for="(item, index) in historyList" class="flex" :key="index">
+                <div class="vertical-text vertical-text-left">{{ item.updateDate }}</div>
+                <div>
+                  <div class="vertical-circle"></div>
+                  <div v-if="index != historyList.length - 1" class="vertical-line"></div>
+                </div>
+                <div class="vertical-text">
+                  {{ item.operateUser }}
+                  <br />
+                  {{ item.dealMsg }}
+                </div>
+              </div>
+            </div>
+          </el-popover>
+        </template>
+      </el-table-column>
+      <el-table-column class="table_td" label="更新时间" prop="establishDate"></el-table-column>
+      <el-table-column prop="seller" label="操作" width="300">
+        <template slot-scope="scope">
+          <div class="record" @click="handleLook(scope.row)">查看</div>
+          <div class="record" @click="handleEdit(scope.row)">编辑</div>
+          <div class="record" @click="handleDelete(scope.row)">删除</div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 页数 -->
+    <el-pagination
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :current-page="currentPage"
+      :page-size="pageSize"
+      layout="total, sizes, prev, pager, next, jumper"
+      :total="deptBudgetTotal"
+    ></el-pagination>
+  </div>
+  <!-- </div> -->
+</template>
+<script>
+import { taskList } from '@/model/warehouse/index'
+import { downloadFile } from '@/utils/batchDown'
+import Pagination from '@/components/Pagination'
+import WsUpload from '@/components/WsUpload'
+import { dayjs, fmoney, EventBus } from 'base-core-lib'
+export default {
+  name: 'viewSpareMoney',
+  components: {
+    WsUpload,
+    Pagination
+  },
+  watch: {
+    vesselId(val) {
+      this.getList()
+    },
+    isShow(val) {
+      this.showType = val
+    }
+  },
+  data() {
+    return {
+      //弹出框
+      dialogViewSpareMoney: false,
+      dialogApproveFormVisible: false,
+      // 船舶类型
+      monetaryKey: null,
+      // 表格显示数据
+      tableDate: [],
+
+      // 是否显示
+      showType: true,
+      // 年
+      year: '',
+      pickerOptions: {},
+      value2: '',
+      deptBudgetTotal: 0,
+      currentPage: 1,
+      tranTypeKey: 1,
+      pageSize: 10,
+      searchType: 1,
+      searchTypeText: '未完成',
+      searchKeyWord: '',
+      contractType: 2,
+
+      // 提交类型
+      submitType: true,
+      size: 10,
+      spanArr: [],
+      contractNo: '',
+      inOutTaskNo: '',
+      compId: sessionStorage.getItem('ws-pf_compId'),
+      deptCircularPage: {},
+      warehouseList: [],
+      deptBudgetList: {},
+      historyList: [],
+      pickerBeginDateBefore: {
+        disabledDate: time => {
+          return time.getTime() > Date.now()
+        }
+      },
+      accessoryTFs: false
+    }
+  },
+  activated() {
+    this.getList()
+    this.showType = this.isShow
+  },
+  methods: {
+    getList() {
+      console.log(123456)
+      taskList({
+        compId: sessionStorage.getItem('ws-pf_compId'),
+        currentPage: this.currentPage,
+        pageSize: this.pageSize,
+        contractType: this.contractType,
+        tranTypeKey: this.tranTypeKey,
+        searchType: this.searchType,
+        contractNo: this.contractNo,
+        inOutTaskNo: this.inOutTaskNo
+      })
+        .toPromise()
+        .then(response => {
+          this.warehouseList = response
+        })
+    },
+    statusquery(state) {
+      this.searchType = state
+      this.getList()
+    },
+    delivery(item) {
+      this.$router.push({
+        path: 'warehouseManagementDelivery',
+        query: {
+          baseId: item.warehouseId,
+          positionId: item.binNumberId,
+          warehouseName: item.warehouseName,
+          binNumber: item.binNumber,
+          capacity: item.capacity
+        }
+      })
+    },
+    getSpanArr(data) {
+      let that = this
+
+      //页面展示的数据，不一定是全部的数据，所以每次都清空之前存储的 保证遍历的数据是最新的数据。以免造成数据渲染混乱
+
+      that.spanArr = []
+
+      that.pos = 0
+
+      // //遍历数据
+
+      data.forEach((item, index) => {
+        //判断是否是第一项
+
+        if (index === 0) {
+          this.spanArr.push(1)
+          this.pos = 0
+        } else {
+          //不是第一项时，就根据标识去存储
+          if (data[index].warehouseNumViewList.length > 1) {
+            查找到符合条件的数据时每次要把之前存储的数据 + 1
+            this.spanArr[this.pos] = data[index].warehouseNumViewList.length
+            this.spanArr.push(0)
+          } else {
+            // 没有符合的数据时，要记住当前的index
+            this.spanArr.push(1)
+            this.pos = index
+          }
+        }
+      })
+    },
+    //查看
+    handleLook(row) {
+      this.$router.push({
+        path: 'warehouseManagementPutOutLook',
+        query: {
+          relevanceId: row.relevanceId
+        }
+      })
+    },
+    //返回
+    revert() {
+      this.$router.push({ path: 'warehouseManagementList' })
+    },
+    dateFormat(fmt, date) {
+      let ret
+      const opt = {
+        'Y+': date.getFullYear().toString(), // 年
+        'm+': (date.getMonth() + 1).toString(), // 月
+        'd+': date.getDate().toString(), // 日
+        'H+': date.getHours().toString() // 时
+        // "M+": date.getMinutes().toString(),         // 分
+        // "S+": date.getSeconds().toString()          // 秒
+        // 有其他格式化字符需求可以继续添加，必须转化成字符串
+      }
+      for (let k in opt) {
+        ret = new RegExp('(' + k + ')').exec(fmt)
+        if (ret) {
+          fmt = fmt.replace(
+            ret[1],
+            ret[1].length == 1 ? opt[k] : opt[k].padStart(ret[1].length, '0')
+          )
+        }
+      }
+      return fmt
+    },
+    handleClose() {
+      this.accessoryTFs = false
+    },
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`)
+      this.pageSize = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val
+      console.log(`当前页: ${val}`)
+      this.getList()
+    },
+    editClick(row) {
+      var status = ''
+      if (row.status == '待审核' || row.status == '已完成') {
+        status = '执行中'
+      } else if (row.status == '执行中') {
+        status = '已完成'
+      }
+      //cancelButtonClass: "btn-custom-cancel"
+      this.$confirm(`是否将状态改为${status}`, {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          alsostate({ id: row.id })
+            .toPromise()
+            .then(response => {
+              this.$notify.success({
+                title: '成功',
+                message: '状态修改成功'
+              })
+              this.getList()
+            })
+            .catch(response => {
+              // EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
+            })
+        })
+        .catch(() => {
+          return false
+        })
+    },
+    selecttaskType(e) {
+      for (var i = 0; i < this.taskTypeList.length; i++) {
+        if (this.taskTypeList[i].value == e) {
+          this.searchType = this.taskTypeList[i].type
+        }
+      }
+    },
+    // fujian(row) {
+    //   if (
+    //     row.receiveAttachmentPath === null ||
+    //     row.receiveAttachmentPath === ''
+    //   ) {
+    //     EventBus.$emit(
+    //       'warning',
+    //       this.$t('system.noticeCircular.NoInformation')
+    //     )
+    //   } else {
+    //     this.accessoryTFs = true
+    //   }
+    //   this.appendixIdss = row.receiveAttachmentPath
+    // },
+    handleExamine(row) {
+      this.$router.push({
+        name: 'salesContractExamine',
+        query: { id: row.id }
+      })
+    },
+    // 关闭 dialog时 处理文件url 初始化upload组件
+    handleCloe() {
+      this.dialogViewSpareMoney = false
+    },
+    history(row) {
+      billoperatehis({ id: row.id })
+        .toPromise()
+        .then(response => {
+          this.historyList = response
+        })
+    },
+    //查找
+    find() {
+      this.currentPage = 1
+      this.getList()
+    },
+    async exportlist() {
+      const { data } = await export1(
+        {
+          compId: sessionStorage.getItem('ws-pf_compId'),
+          contractType: this.contractType,
+          currentPage: this.currentPage,
+          pageSize: this.pageSize,
+          searchType: this.searchType,
+          searchKeyWord: this.searchKeyWord,
+          startDate: this.startDate,
+          endDate: this.endDate
+        },
+        {},
+        { responseType: 'blob' }
+      ).toPromise()
+      downloadFile({
+        res: data,
+        fileName: `${this.date.year +
+          (this.date.month ? `-${this.date.month}` : '')}_采购合同`,
+        type: 'xls'
+      })
+    },
+    total() {}
+  }
+}
+</script>
+<style lang="scss" scoped>
+.connert {
+  width: 90%;
+  margin: 0 auto;
+}
+.vertical-text-left {
+  width: 62px;
+  text-align: right;
+}
+//分页
+.el-pagination {
+  padding: 10px 15px;
+  margin-bottom: 0;
+  text-align: center;
+}
+/deep/.el-pager li.active {
+  color: #5878e8;
+  cursor: default;
+}
+/deep/.el-pager li:hover {
+  color: #5878e8;
+  cursor: default;
+}
+.el-button--primary {
+  background-color: #5878e8;
+  border-color: #5878e8;
+}
+.el-button--default {
+  color: #8890b1;
+  border-color: #e8eaf1;
+}
+/deep/.base_header_layout .grid-content.right .find.el-button--primary {
+  width: 30px;
+  margin-left: 0;
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+/deep/.findValue .el-input__inner {
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+  width: 385px;
+}
+.completed.el-button--default {
+  border-color: #5878e8;
+  background-color: #f6f7fc;
+  color: #5878e8;
+}
+.putstorage.el-button--default,
+.deliverystorage.el-button--default {
+  border-color: #8890b1;
+  background-color: #fff;
+  color: #8890b1;
+}
+/deep/.el-table td,
+/deep/.el-table th.is-leaf {
+  border-right: 1px solid #e9ecf7;
+  text-align: center;
+}
+/deep/.el-table tr td:first-child,
+/deep/.el-table tr th.is-leaf:first-child {
+  border-left: 1px solid #e9ecf7;
+}
+.record,
+.adjustment {
+  display: inline-block;
+  color: #5878e8;
+  padding: 0 4px !important;
+  position: relative;
+}
+.record:after {
+  position: absolute;
+  content: '';
+  display: block;
+  top: 5px;
+  right: -2px;
+  width: 1px;
+  height: 12px;
+  background: #e9ecf7;
+}
+// .el-row{
+//     height: 150px;
+// }
+.base_header_layout .grid-content {
+  margin-top: 80px;
+}
+.el-input--small .el-input__inner {
+  margin-left: 20px;
+}
+.el-range-editor--small.el-input__inner {
+  height: 32px;
+  margin-left: -20%;
+}
+//执行样式
+.executory,
+.inExecution,
+.done {
+  width: 6px;
+  height: 6px;
+  display: inline-block;
+  border-radius: 50%;
+  position: relative;
+  top: -1px;
+  font-size: 14px;
+}
+.executory {
+  background: #ff9f24;
+}
+.inExecution {
+  background: #5878e8;
+}
+.done {
+  background: #50cad4;
+}
+.record,
+.adjustment {
+  display: inline-block;
+  color: #5878e8;
+  padding: 0 4px !important;
+  position: relative;
+  font-size: 14px;
+}
+.container {
+  overflow: scroll;
+  height: 93vh;
+}
+.button-container {
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  align-items: center;
+  background-color: #fff;
+  width: 100%;
+  height: 50px;
+  padding: 0 10px;
+  & > div {
+    margin-left: 10px;
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    & > span {
+      line-height: 50px;
+    }
+  }
+
+  /deep/.auditFlow-box {
+    position: unset;
+    margin-left: 10px;
+    &/deep/.auditFlow-icon {
+      width: auto;
+      padding-right: 30px;
+    }
+    &/deep/.auditFlow-main {
+      position: absolute;
+    }
+  }
+}
+.bg-left {
+  padding-left: 30px;
+}
+.title {
+  position: relative;
+}
+.title::before {
+  content: '';
+  display: inline-block;
+  width: 5px;
+  height: 30px;
+  background: #5473e8;
+  position: absolute;
+  left: 0;
+}
+.el-button--primary {
+  background-color: #5878e8;
+  border-color: #5878e8;
+  // margin-left: 85%;
+  margin-top: 20px;
+}
+//导航条样式
+.el-col-12 {
+  width: 50%;
+  height: 60px;
+  background: #f6f7fc;
+  border-radius: 4px 4px 1px 1px;
+}
+.el-input--small .el-input__inner {
+  height: 32px;
+  line-height: 32px;
+  width: 385px;
+  margin-top: 10px;
+}
+.bg-bottom {
+  margin-left: 85%;
+}
+.but {
+  margin-left: 30%;
+  /* margin-top: -32px; */
+  overflow: auto;
+  /* float: left; */
+  /* margin-left: 1px; */
+  margin-left: -10px;
+}
+.el-input--small {
+  font-size: 13px;
+  width: 390px;
+  margin-left: 74%;
+}
+/deep/.el-table .el-table__header .cell,
+.el-table .el-table__body .cell {
+  text-align: center;
+}
+</style>

src/views/purchasingManagement/procurementPlanLook.vue

@@ -0,0 +1,684 @@
+// 查看采购计划
+<template>
+  <div class="container">
+    <el-row>
+      <el-col :span="12">
+        <h2 class="bg-left title">查看采购计划</h2>
+      </el-col>
+      <el-col :span="12" class="bg-right">
+        <el-button class="bg-bottom" type="primary" size="small" @click="returnsales()">
+          <img
+            width="6"
+            height="10"
+            style="vertical-align: bottom; margin-right: 3px"
+            src="../../../public/img/lujing.png"
+            alt
+          />返回
+        </el-button>
+      </el-col>
+    </el-row>
+    <div class="basicInformation">
+      <el-radio-group @change="tasktypechange" v-model="dataList.taskTypeKey"></el-radio-group>
+      <div class="center1">
+        <div class="small-title">
+          <h3>基本信息</h3>
+        </div>
+        <el-form ref="dataList" :model="dataList" label-width="140px">
+          <!-- 标题 -->
+          <el-form-item label="标题">
+            <el-input disabled v-model="dataList.warehouseName" class="typeselect"></el-input>
+          </el-form-item>
+          <!-- 货名 -->
+          <el-form-item label="货名">
+            <el-select disabled v-model="dataList.inOutType" class="typeselect"></el-select>
+          </el-form-item>
+          <!-- 合同编号 -->
+          <el-form-item label="计划采购量（吨）">
+            <el-input disabled v-model="dataList.contractNo" class="typeselect"></el-input>
+          </el-form-item>
+          <!-- 货名 -->
+          <el-form-item label="最小成交量（吨）">
+            <el-input disabled v-model="dataList.goodsName"></el-input>
+          </el-form-item>
+          <!--重量（吨）-->
+          <el-form-item label="类型" span="1">
+            <el-select disabled v-model="dataList.weight" maxlength="120" />
+          </el-form-item>
+          <!-- 价格类型 -->
+          <el-form-item label="价格类型">
+            <el-select v-model="dataList.grade" placeholder class="typeselect" disabled></el-select>
+          </el-form-item>
+          <!--采购价格（元）-->
+          <el-form-item label="采购价格（元）">
+            <el-input disabled v-model="dataList.bulkDensity" maxlength="120" size="small" />
+          </el-form-item>
+          <!--收货库-->
+          <el-form-item label="收货库" span="1">
+            <el-select disabled v-model="dataList.waterContent" maxlength="120" size="small" />
+          </el-form-item>
+          <!--收货库所在地区-->
+          <el-form-item label="收货库所在地区" span="1">
+            <el-input disabled v-model="dataList.unitPrice" maxlength="120" size="small" />
+          </el-form-item>
+          <!--运费承担方-->
+          <el-form-item label="运费承担方">
+            <el-input disabled v-model="dataList.unitPrice" maxlength="120" size="small" />
+          </el-form-item>
+          <!--包装方式-->
+          <el-form-item label="包装方式">
+            <el-select disabled v-model="dataList.agent" filterable :filter-method="dataFilter"></el-select>
+          </el-form-item>
+          <!--装袋备注=-->
+          <el-form-item label="装袋备注">
+            <el-input disabled v-model="dataList.businessDescribe" size="small" />
+          </el-form-item>
+          <!-- 买方 -->
+          <el-form-item label="买方">
+            <el-input disabled v-model="dataList.unitPrice" maxlength="120" size="small" />
+          </el-form-item>
+          <!-- 买方电话 -->
+          <el-form-item label="买方电话">
+            <el-input disabled v-model="dataList.agent" filterable :filter-method="dataFilter"></el-input>
+          </el-form-item>
+          <div class="small-title"></div>
+        </el-form>
+      </div>
+      <div class="center1">
+        <div class="small-title">
+          <h3>货物要求</h3>
+        </div>
+        <el-form ref="dataList" :model="dataList" label-width="140px">
+          <el-form-item label="水分(%)<=">
+            <el-input disabled v-model="dataList.warehouseName" class="typeselect" />
+          </el-form-item>
+
+          <!-- 容重 -->
+          <el-form-item label="容重(g/l)<=">
+            <el-input disabled v-model="dataList.warehouseName" class="typeselect" />
+          </el-form-item>
+          <!-- 热损伤 -->
+          <el-form-item label="热损伤(%)<=">
+            <el-input disabled v-model="dataList.inOutType" class="typeselect" />
+          </el-form-item>
+          <!-- 杂质 -->
+          <el-form-item label="杂质(%)<=">
+            <el-input disabled v-model="dataList.contractNo" class="typeselect" />
+          </el-form-item>
+          <!-- 货名 -->
+          <el-form-item label="霉变粒（%）<=">
+            <el-input disabled v-model="dataList.goodsName" />
+          </el-form-item>
+          <!--不完善粒（%）<=-->
+          <el-form-item label="不完善粒（%）<=" span="1">
+            <el-input disabled v-model="dataList.weight" maxlength="120" />
+          </el-form-item>
+          <!-- 蛋白（%）<= -->
+          <el-form-item label="蛋白（%）<=" span="1">
+            <el-input v-model="dataList.grade" placeholder class="typeselect" disabled />
+          </el-form-item>
+          <!--粒形-->
+          <el-form-item label="粒形" span="1">
+            <el-select disabled v-model="dataList.bulkDensity" maxlength="120" size="small" />
+          </el-form-item>
+          <!--水分（%）<=-->
+          <el-form-item label="品级" span="1">
+            <el-select disabled v-model="dataList.waterContent" maxlength="120" size="small" />
+          </el-form-item>
+          <!--产地-->
+          <el-form-item label="产地" span="1">
+            <el-select disabled v-model="dataList.unitPrice" maxlength="120" size="small" />
+          </el-form-item>
+          <!--产出年份-->
+          <el-form-item label="产出年份" span="1">
+            <el-select v-model="dataList.unitPrice" size="small" disabled />
+          </el-form-item>
+        </el-form>
+      </div>
+    </div>
+    <!-- 关闭 -->
+    <div style="text-align: right; padding: 10px" class="center">
+      <el-button class="bg-bottom" type="primary" size="small" @click="close()">关闭</el-button>
+    </div>
+  </div>
+</template>
+<script>
+import {
+  getwarehousename,
+  xialaNo,
+  addoreditoutput,
+  outexamine
+} from '@/model/tasksport/index'
+import { packList } from '@/model/contarct/index'
+import { pullDown, getstaff } from '@/model/warehouse/index'
+import { downloadFile } from '@/utils/batchDown'
+import Pagination from '@/components/Pagination'
+import { mapActions, mapGetters, mapState } from 'vuex'
+import WsUpload from '@/components/WsUpload'
+// import { dayjs, fmoney, EventBus } from 'base-core-lib'
+import { dayjs, EventBus } from 'base-core-lib'
+export default {
+  name: 'viewSpareMoney',
+  components: {
+    WsUpload,
+    Pagination
+  },
+  watch: {
+    // vesselId(val) {
+    //   this.getList()
+    // },
+    isShow(val) {
+      this.showType = val
+    }
+  },
+  computed: {
+    ...mapGetters(['deptBudgetList'])
+  },
+  data() {
+    return {
+      //弹出框
+      dialogViewSpareMoney: false,
+      dialogApproveFormVisible: false,
+      // 船舶类型
+      monetaryKey: null,
+      // 表格显示数据
+      tableDate: [],
+      // 是否显示
+      showType: true,
+      // 年
+      year: '',
+      contractNoList: [],
+      deptBudgetTotal: 0,
+      readonly: true,
+      currentPage: 1,
+      pageSize: 10,
+      searchType: 1,
+      searchKeyWord: '',
+      radio: '1',
+      contractType: 2,
+      startDate: null,
+      endDate: null,
+      goodnameList: [],
+      checked: true,
+      form: {},
+
+      staffList: [],
+      options: [],
+      storageType: [],
+      storageType1: [],
+      outContractNo: [],
+      // 提交类型
+      submitType: true,
+      status: [],
+      unitPricechange: [],
+      warehouseNameList: [],
+      warehouseNameList1: [],
+      waterContentchange: [],
+      appendixIdsAdd: '',
+      uploadSuccess: {},
+      warehouseInOutDetail: {},
+      onChange: {},
+      deptBudgetList1: [],
+      gradeList: [],
+      rules: {
+        netWeight: [
+          {
+            required: true,
+            type: 'number',
+            message: '请输入活动名称',
+            trigger: 'blur'
+          }
+        ]
+      },
+      size: 10,
+      compId: sessionStorage.getItem('ws-pf_compId'),
+      deptCircularPage: {},
+      packtypeList: {},
+      date: {
+        year: dayjs().format('YYYY'),
+        month: dayjs().format('MM')
+      },
+      contractList: [],
+      inOutTaskNo: '',
+      inOutTaskNo1: '',
+      dataList: { taskTypeKey: '1' },
+      dataList1: { taskTypeKey: '1' },
+      historyList: [],
+      pickerBeginDateBefore: {
+        disabledDate: time => {
+          return time.getTime() > Date.now()
+        }
+      },
+      accessoryTFs: false
+    }
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    //返回按钮
+    revert() {
+      this.$router.go(-1)
+    },
+    returnsales() {
+      this.$router.push({ path: 'procurementPlanList' })
+    },
+    // 获取当前年月日
+    getdate() {
+      var date = new Date()
+      var year = date.getFullYear() //获取完整的年份(4位)
+      var mouth = date.getMonth() + 1 //获取当前月份(0-11,0代表1月)
+      var datetime = date.getDate() //获取当前日(1-31)
+      if (mouth < 10) {
+        mouth = '0' + mouth
+      }
+      if (datetime < 10) {
+        datetime = '0' + datetime
+      }
+      return year + mouth + datetime
+    },
+    // 随机验证码
+    verifyinit() {
+      var arr = []
+      for (var i = 48; i < 123; i++) {
+        if (i > 57 && i < 65) continue
+        if (i > 90 && i < 97) continue
+        arr.push(String.fromCharCode(i))
+      }
+      arr.sort(function() {
+        return Math.random() - 0.5
+      })
+      arr.length = 4
+
+      return arr.join('')
+    },
+    dataFilter(val) {
+      // console.log(val,"名")
+      this.deptBudgetList.staffList = val
+      if (val) {
+        //val存在
+        this.options = this.staffList.filter(item => {
+          if (
+            !!~item.staffName.indexOf(val) ||
+            !!~item.staffName.toUpperCase().indexOf(val.toUpperCase())
+          ) {
+            return true
+          }
+        })
+      } else {
+        //val为空时，还原数组
+        this.options = this.staffList
+      }
+    },
+    selectstaff(e) {
+      for (var i = 0; i < this.staffList.length; i++) {
+        if (this.staffList[i].staffName == e) {
+          this.dataList.agentKey = this.staffList[i].staffId
+        }
+      }
+    },
+    selectstaff1(e) {
+      for (var i = 0; i < this.staffList.length; i++) {
+        if (this.staffList[i].staffName == e) {
+          this.dataList1.agentKey = this.staffList[i].staffId
+        }
+      }
+    },
+    requestadd(list, status) {
+      this.$refs.dataList.validate(valid => {
+        if (valid) {
+          list.compId = sessionStorage.getItem('ws-pf_compId')
+          list.publisher =
+            sessionStorage.getItem('ws-pf_roleName') +
+            sessionStorage.getItem('ws-pf_staffName')
+          addoreditoutput(list)
+            .toPromise()
+            .then(response => {
+              this.$message.success('添加成功')
+              this.$router.push({ path: 'tranManagementWarehouseInOutTask' })
+            })
+        } else {
+          EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
+          return false
+        }
+      })
+    },
+    //关闭
+    close() {
+      this.$router.push({ path: 'procurementPlanList' })
+    },
+    //提交按钮
+    // submit() {
+    //   if (this.dataList.taskTypeKey == 1) {
+    //     this.dataList.inOutTaskNo = this.inOutTaskNo
+    //     this.requestadd(this.dataList)
+    //   } else if (this.dataList.taskTypeKey == 2) {
+    //     this.dataList.inOutTaskNo = this.inOutTaskNo1
+    //     this.requestadd(this.dataList)
+    //   } else if (
+    //     this.dataList.taskTypeKey == 3 ||
+    //     this.dataList.taskTypeKey == 4
+    //   ) {
+    //     this.dataList.inOutTaskNo = this.inOutTaskNo
+    //     this.dataList.relevanceId = this.GetRandomNum(100000, 999999)
+    //     this.requestadd(this.dataList, 'repetition')
+    //     this.dataList1.inOutTaskNo = this.inOutTaskNo1
+    //     this.dataList1.relevanceId = this.dataList.relevanceId
+    //     this.requestadd(this.dataList1, 'repetition')
+    //   }
+    // },
+    selectwarehouseName() {},
+    tarechange(e) {
+      if (this.dataList.grossWeight && this.dataList.tare) {
+        this.dataList.netWeight = Number(
+          this.dataList.grossWeight - this.dataList.tare
+        )
+      }
+    },
+    grossWeightchange(e) {
+      if (this.dataList.grossWeight && this.dataList.tare) {
+        this.dataList.netWeight = Number(
+          this.dataList.grossWeight - this.dataList.tare
+        )
+      }
+    },
+    selectgoodsName(e) {
+      for (var i = 0; i < this.goodnameList.length; i++) {
+        if (this.goodnameList[i].constValue == e) {
+          this.dataList.goodsNameKey = this.goodnameList[i].constKey
+        }
+      }
+    },
+    selectgoodsName1(e) {
+      for (var i = 0; i < this.goodnameList.length; i++) {
+        if (this.goodnameList[i].constValue == e) {
+          this.dataList1.goodsNameKey = this.goodnameList[i].constKey
+        }
+      }
+    },
+    selectpackingMethod(e) {
+      for (var i = 0; i < this.packtypeList.length; i++) {
+        if (this.packtypeList[i].constValue == e) {
+          this.dataList.packingMethodKey = this.packtypeList[i].constKey
+        }
+      }
+    },
+    selectpackingMethod1(e) {
+      for (var i = 0; i < this.packtypeList.length; i++) {
+        if (this.packtypeList[i].constValue == e) {
+          this.dataList1.packingMethodKey = this.packtypeList[i].constKey
+        }
+      }
+    },
+    selectstorageType(e) {
+      for (var i = 0; i < this.storageType.length; i++) {
+        if (this.storageType[i].constValue == e) {
+          this.dataList.inOutTypeKey = this.storageType[i].constKey
+        }
+      }
+    },
+    selectstorageType1(e) {
+      for (var i = 0; i < this.storageType1.length; i++) {
+        if (this.storageType1[i].constValue == e) {
+          this.dataList1.inOutTypeKey = this.storageType[i].constKey
+        }
+      }
+    },
+    handleClose() {
+      this.accessoryTFs = false
+    },
+    tasktypechange() {
+      this.tasknumber()
+    },
+    GetRandomNum(Min, Max) {
+      var Range = Max - Min
+      var Rand = Math.random()
+      return Min + Math.round(Rand * Range)
+    },
+    getList() {
+      outexamine({ relevanceId: this.$route.query.relevanceId })
+        .toPromise()
+        .then(response => {
+          if (response.length > 1) {
+            this.dataList = response[0]
+            this.dataList1 = response[1]
+          } else {
+            console.log(response[0].taskTypeKey)
+            if (response[0].taskTypeKey == 2) {
+              this.dataList1 = response[0]
+            } else {
+              this.dataList = response[0]
+            }
+          }
+        })
+    },
+
+    // deletecontract(){},
+    //删除
+    approve() {},
+    listQuery() {},
+    total() {},
+    clearfiltQuery() {},
+    selectCrtDuty() {}
+  }
+}
+</script>
+<style lang="scss" scoped>
+/deep/.basicInformation {
+  .el-info-table {
+    border: none;
+    position: relative;
+  }
+  .el-form-item {
+    width: 33.3333%;
+    border: none;
+    margin: 0;
+    .el-form-item__label {
+      text-align: left;
+      font-size: 14px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-weight: 400;
+      color: #8890b1;
+    }
+    .el-form-item__content {
+      padding-left: 0px;
+      padding-right: 10px;
+      // background: #fff;
+      white-space: nowrap;
+      height: 40px;
+      display: flex;
+      -webkit-box-align: center;
+      align-items: center;
+      text-align: left;
+      overflow: hidden;
+    }
+  }
+}
+/deep/.el-radio {
+  color: #606266;
+  font-weight: 500;
+  line-height: 1;
+  cursor: pointer;
+  white-space: nowrap;
+  outline: 0;
+  margin-right: 30px;
+  margin-top: 15px;
+}
+/deep/.el-radio__inner {
+  border: 1px solid #dcdfe6;
+  border-radius: 100%;
+  width: 14px;
+  height: 14px;
+  background-color: #fff;
+  cursor: pointer;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  margin-left: 100px;
+}
+/deep/.el-radio__input {
+  white-space: nowrap;
+  cursor: pointer;
+  outline: 0;
+  line-height: 1;
+  vertical-align: middle;
+  margin-top: -1px;
+}
+.title {
+  position: relative;
+  padding-left: 10px;
+}
+.title::before {
+  content: '';
+  display: inline-block;
+  width: 5px;
+  height: 30px;
+  background: #5473e8;
+  position: absolute;
+  left: 0;
+}
+.el-form {
+  padding: 0 15%;
+  display: flex;
+  flex-wrap: wrap;
+  margin-left: -50px;
+  margin-top: 15px;
+  width: 110%;
+}
+.el-button--primary {
+  background-color: #5878e8;
+  border-color: #5878e8;
+}
+.el-col {
+  background: #f6f7fc;
+}
+.bg-right {
+  text-align: right;
+  padding: 16px 20px;
+}
+.center {
+  position: relative;
+  top: 50px;
+  width: 40%;
+  height: 2000px;
+  margin: 0 auto;
+  margin-right: 180px;
+}
+/deep/.el-form-item__label {
+  width: 160px;
+}
+.inspector {
+  width: 50%;
+}
+/deep/.el-form-item--small .el-form-item__label,
+.el-form-item--small .el-form-item__content {
+  text-align: left;
+}
+/deep/.el-input--small {
+  font-size: 13px;
+  position: relative;
+  display: inline-block;
+}
+.center1 .small-title {
+  margin-left: 323px;
+}
+.center1 {
+  width: 90%;
+  margin: 0 auto;
+  margin-left: 10px;
+  margin-top: 25px;
+}
+/deep/.el-input--small .el-input__inner {
+  height: 32px;
+  line-height: 32px;
+}
+/deep/.el-select {
+  display: inline-block;
+  position: relative;
+  width: 100%;
+}
+.annu {
+  height: 81px;
+  background: #ffffff;
+  border-radius: 4px;
+}
+.basicInformation .el-form-item {
+  width: 50.3333%;
+  border: none;
+  margin: 0;
+}
+.el-form {
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #8890b1;
+  line-height: 16px;
+  margin-left: 130px;
+}
+.a {
+  margin-left: -32px;
+}
+.el-radio-group {
+  margin-left: 80px;
+}
+.ding {
+  height: 23px;
+  background: #e8ecf6;
+  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
+}
+.nav2 {
+  height: 25px;
+  background: #e8ecf6;
+  margin-top: 15px;
+}
+.ziti {
+  width: 72px;
+  height: 20px;
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #8890b1;
+  line-height: 20px;
+  margin-left: 314px;
+  /* margin-top: 112px; */
+}
+/deep/.ziti1 {
+  height: 40px;
+  font-size: 16px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #262626;
+  line-height: 20px;
+  margin-left: 381px;
+  margin-top: -21px;
+  width: 100px;
+}
+.winseaview-view {
+  padding: 0 0 20px;
+}
+.container {
+  overflow: scroll;
+  height: 93vh;
+}
+/deep/.basicInformation .el-form-item .el-form-item__content {
+  padding-left: 0px;
+  padding-right: 10px;
+  white-space: nowrap;
+  height: 40px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  text-align: left;
+  overflow: hidden;
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #232323;
+  line-height: 14px;
+}
+.nav {
+  width: 400px;
+  height: 20px;
+}
+</style>

src/views/purchasingManagement/purchaseOrderList.vue

@@ -0,0 +1,638 @@
+//采购详情
+<template>
+  <div class="container">
+    <el-scrollbar style=" height: 100%">
+      <el-scrollbar style="width:140%">
+        <el-row>
+          <el-col :span="12">
+            <h2 class="bg-left title"></h2>
+          </el-col>
+          <el-col :span="12" class="bg-right">
+            <el-button class="bg-bottom" type="primary" size="small" @click="revert()">
+              <img
+                width="6"
+                height="10"
+                style="vertical-align: bottom; margin-right: 3px"
+                src="../../../public/img/lujing.png"
+                alt
+              />返回
+            </el-button>
+          </el-col>
+        </el-row>
+        <!-- <div> -->
+        <div>
+          <ws-button type="primary" @click="handleAdd()">全部订单</ws-button>
+          <ws-button type="primary" @click="handleAdd()">待审核</ws-button>
+          <ws-button type="primary" @click="handleAdd()">执行中</ws-button>
+          <ws-button type="primary" @click="handleAdd()">已完成</ws-button>
+          <ws-input
+            v-model="searchKeyWord"
+            placeholder="可按照合同编号和任务编号进行查找"
+            clearable
+            maxlength="500"
+            type="input"
+            class="findValue"
+          ></ws-input>
+          <ws-button class="but" type="primary" @click="find()">
+            <img
+              width="16"
+              height="16"
+              style="
+              vertical-align: text-top;
+              position: relative;
+              top: 0px;
+              left: -8px;
+            "
+              src="../../../public/img/sousuo.png"
+              alt
+            />
+          </ws-button>
+        </div>
+
+        <el-table
+          class="wenzi"
+          :data="warehouseList.records"
+          style="width: 100%; margin-top: 20px"
+          height="780"
+        >
+          <el-table-column type="index" label="序号" width="50"></el-table-column>
+          <el-table-column class="table_td" prop="inOutTaskNo" label="合同编号"></el-table-column>
+          <el-table-column class="table_td" prop="contractNo" label="采购计划"></el-table-column>
+          <el-table-column class="table_td" prop="warehouseName" label="客户"></el-table-column>
+          <el-table-column class="table_td" prop="inOutType" label="单价(元/吨)"></el-table-column>
+          <el-table-column class="table_td" prop="weight" label="基差(元/吨)"></el-table-column>
+          <el-table-column class="table_td" prop="send" label="冻结定金(元)"></el-table-column>
+          <el-table-column class="table_td" prop="predictDate" label="拖欠定金(元)"></el-table-column>
+          <el-table-column class="table_td" prop="send" label="卸车费(元/吨)"></el-table-column>
+          <el-table-column class="table_td" prop="send" label="发票费(元/吨)"></el-table-column>
+          <el-table-column class="table_td" prop="send" label="合同重量(吨)"></el-table-column>
+          <el-table-column class="table_td" prop="send" label="已入库量(吨)"></el-table-column>
+          <el-table-column class="table_td" prop="send" label="可平仓量(吨)"></el-table-column>
+          <el-table-column class="table_td" prop="send" label="已平仓量(吨)"></el-table-column>
+          <el-table-column class="table_td" prop="send" label="交易量(吨)"></el-table-column>
+          <el-table-column class="table_td" label="发票类型"></el-table-column>
+          <el-table-column class="table_td" label="包装方式"></el-table-column>
+          <el-table-column prop="taskStatus" label="状态">
+            <template slot-scope="scope">
+              <el-popover
+                placement="left"
+                :width="285"
+                trigger="click"
+                visible-arrow="false"
+                @show="history(scope.row)"
+              >
+                <template>
+                  <span slot="reference">
+                    <span v-if="scope.row.taskStatus == '待审核'" class="executory"></span>
+                    <span v-if="scope.row.taskStatus == '执行中'" class="inExecution"></span>
+                    <span v-if="scope.row.taskStatus == '已完成'" class="done"></span>
+                    {{ scope.row.taskStatus }}
+                  </span>
+                </template>
+                <!-- <div> -->
+                <!-- <p style="margin-top: 0; padding-left: 10px">历史记录</p> -->
+                <!-- <div v-for="(item, index) in historyList" class="flex" :key="index">
+                <div class="vertical-text vertical-text-left">{{ item.updateDate }}</div>
+                <div>
+                  <div class="vertical-circle"></div>
+                  <div v-if="index != historyList.length - 1" class="vertical-line"></div>
+                </div>
+                <div class="vertical-text">
+                  {{ item.operateUser }}
+                  <br />
+                  {{ item.dealMsg }}
+                </div>
+              </div>
+                </div>-->
+              </el-popover>
+            </template>
+          </el-table-column>
+          <el-table-column class="table_td" label="更新时间" prop="establishDate"></el-table-column>
+          <el-table-column class="table_td" label="入库结算"></el-table-column>
+          <el-table-column class="table_td" label="平仓结算"></el-table-column>
+          <el-table-column prop="seller" label="操作" width="200">
+            <template slot-scope="scope">
+              <div class="record" @click="handleLook(scope.row)">成交</div>
+              <div class="record" @click="handleEdit(scope.row)">补充定金</div>
+              <div class="record" @click="handleDelete(scope.row)">解冻定金</div>
+              <div class="record" @click="handle(scope.row)">平仓</div>
+              <div class="record" @click="handle(scope.row)">完成</div>
+            </template>
+          </el-table-column>
+        </el-table>
+        <!-- 页数 -->
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="currentPage"
+          :page-size="pageSize"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="deptBudgetTotal"
+        ></el-pagination>
+      </el-scrollbar>
+    </el-scrollbar>
+  </div>
+  <!-- </div> -->
+</template>
+<script>
+import { taskList } from '@/model/warehouse/index'
+import { downloadFile } from '@/utils/batchDown'
+import Pagination from '@/components/Pagination'
+import WsUpload from '@/components/WsUpload'
+import { dayjs, fmoney, EventBus } from 'base-core-lib'
+export default {
+  name: 'viewSpareMoney',
+  components: {
+    WsUpload,
+    Pagination
+  },
+  watch: {
+    vesselId(val) {
+      this.getList()
+    },
+    isShow(val) {
+      this.showType = val
+    }
+  },
+  data() {
+    return {
+      barWidth: 0,
+      barHeight: 0,
+      retioX: 1,
+      ratioY: 1,
+      isTaped: false,
+      isHover: false,
+      isShow: !this.autohide,
+      //弹出框
+      dialogViewSpareMoney: false,
+      dialogApproveFormVisible: false,
+      // 船舶类型
+      monetaryKey: null,
+      // 表格显示数据
+      tableDate: [],
+
+      // 是否显示
+      showType: true,
+      // 年
+      year: '',
+      pickerOptions: {},
+      value2: '',
+      deptBudgetTotal: 0,
+      currentPage: 1,
+      tranTypeKey: 1,
+      pageSize: 10,
+      searchType: 1,
+      searchTypeText: '未完成',
+      searchKeyWord: '',
+      contractType: 2,
+
+      // 提交类型
+      submitType: true,
+      size: 10,
+      spanArr: [],
+      contractNo: '',
+      inOutTaskNo: '',
+      compId: sessionStorage.getItem('ws-pf_compId'),
+      deptCircularPage: {},
+      warehouseList: [],
+      deptBudgetList: {},
+      historyList: [],
+      pickerBeginDateBefore: {
+        disabledDate: time => {
+          return time.getTime() > Date.now()
+        }
+      },
+      accessoryTFs: false
+    }
+  },
+  activated() {
+    this.getList()
+    this.showType = this.isShow
+  },
+  methods: {
+    getList() {
+      console.log(123456)
+      taskList({
+        compId: sessionStorage.getItem('ws-pf_compId'),
+        currentPage: this.currentPage,
+        pageSize: this.pageSize,
+        contractType: this.contractType,
+        tranTypeKey: this.tranTypeKey,
+        searchType: this.searchType,
+        contractNo: this.contractNo,
+        inOutTaskNo: this.inOutTaskNo
+      })
+        .toPromise()
+        .then(response => {
+          this.warehouseList = response
+        })
+    },
+    statusquery(state) {
+      this.searchType = state
+      this.getList()
+    },
+    delivery(item) {
+      this.$router.push({
+        path: 'warehouseManagementDelivery',
+        query: {
+          baseId: item.warehouseId,
+          positionId: item.binNumberId,
+          warehouseName: item.warehouseName,
+          binNumber: item.binNumber,
+          capacity: item.capacity
+        }
+      })
+    },
+    getSpanArr(data) {
+      let that = this
+
+      //页面展示的数据，不一定是全部的数据，所以每次都清空之前存储的 保证遍历的数据是最新的数据。以免造成数据渲染混乱
+
+      that.spanArr = []
+
+      that.pos = 0
+
+      // //遍历数据
+
+      data.forEach((item, index) => {
+        //判断是否是第一项
+
+        if (index === 0) {
+          this.spanArr.push(1)
+          this.pos = 0
+        } else {
+          //不是第一项时，就根据标识去存储
+          if (data[index].warehouseNumViewList.length > 1) {
+            查找到符合条件的数据时每次要把之前存储的数据 + 1
+            this.spanArr[this.pos] = data[index].warehouseNumViewList.length
+            this.spanArr.push(0)
+          } else {
+            // 没有符合的数据时，要记住当前的index
+            this.spanArr.push(1)
+            this.pos = index
+          }
+        }
+      })
+    },
+    //查看
+    handleLook(row) {
+      this.$router.push({
+        path: 'warehouseManagementPutOutLook',
+        query: {
+          relevanceId: row.relevanceId
+        }
+      })
+    },
+    //返回
+    revert() {
+      this.$router.push({ path: 'warehouseManagementList' })
+    },
+    dateFormat(fmt, date) {
+      let ret
+      const opt = {
+        'Y+': date.getFullYear().toString(), // 年
+        'm+': (date.getMonth() + 1).toString(), // 月
+        'd+': date.getDate().toString(), // 日
+        'H+': date.getHours().toString() // 时
+        // "M+": date.getMinutes().toString(),         // 分
+        // "S+": date.getSeconds().toString()          // 秒
+        // 有其他格式化字符需求可以继续添加，必须转化成字符串
+      }
+      for (let k in opt) {
+        ret = new RegExp('(' + k + ')').exec(fmt)
+        if (ret) {
+          fmt = fmt.replace(
+            ret[1],
+            ret[1].length == 1 ? opt[k] : opt[k].padStart(ret[1].length, '0')
+          )
+        }
+      }
+      return fmt
+    },
+    handleClose() {
+      this.accessoryTFs = false
+    },
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`)
+      this.pageSize = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val
+      console.log(`当前页: ${val}`)
+      this.getList()
+    },
+    editClick(row) {
+      var status = ''
+      if (row.status == '待审核' || row.status == '已完成') {
+        status = '执行中'
+      } else if (row.status == '执行中') {
+        status = '已完成'
+      }
+      //cancelButtonClass: "btn-custom-cancel"
+      this.$confirm(`是否将状态改为${status}`, {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          alsostate({ id: row.id })
+            .toPromise()
+            .then(response => {
+              this.$notify.success({
+                title: '成功',
+                message: '状态修改成功'
+              })
+              this.getList()
+            })
+            .catch(response => {
+              // EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
+            })
+        })
+        .catch(() => {
+          return false
+        })
+    },
+    selecttaskType(e) {
+      for (var i = 0; i < this.taskTypeList.length; i++) {
+        if (this.taskTypeList[i].value == e) {
+          this.searchType = this.taskTypeList[i].type
+        }
+      }
+    },
+    // fujian(row) {
+    //   if (
+    //     row.receiveAttachmentPath === null ||
+    //     row.receiveAttachmentPath === ''
+    //   ) {
+    //     EventBus.$emit(
+    //       'warning',
+    //       this.$t('system.noticeCircular.NoInformation')
+    //     )
+    //   } else {
+    //     this.accessoryTFs = true
+    //   }
+    //   this.appendixIdss = row.receiveAttachmentPath
+    // },
+    handleExamine(row) {
+      this.$router.push({
+        name: 'salesContractExamine',
+        query: { id: row.id }
+      })
+    },
+    // 关闭 dialog时 处理文件url 初始化upload组件
+    handleCloe() {
+      this.dialogViewSpareMoney = false
+    },
+    history(row) {
+      billoperatehis({ id: row.id })
+        .toPromise()
+        .then(response => {
+          this.historyList = response
+        })
+    },
+    //查找
+    find() {
+      this.currentPage = 1
+      this.getList()
+    },
+    async exportlist() {
+      const { data } = await export1(
+        {
+          compId: sessionStorage.getItem('ws-pf_compId'),
+          contractType: this.contractType,
+          currentPage: this.currentPage,
+          pageSize: this.pageSize,
+          searchType: this.searchType,
+          searchKeyWord: this.searchKeyWord,
+          startDate: this.startDate,
+          endDate: this.endDate
+        },
+        {},
+        { responseType: 'blob' }
+      ).toPromise()
+      downloadFile({
+        res: data,
+        fileName: `${this.date.year +
+          (this.date.month ? `-${this.date.month}` : '')}_采购合同`,
+        type: 'xls'
+      })
+    },
+    total() {}
+  }
+}
+</script>
+<style lang="scss" scoped>
+.connert {
+  width: 90%;
+  margin: 0 auto;
+}
+.vertical-text-left {
+  width: 62px;
+  text-align: right;
+}
+//分页
+.el-pagination {
+  padding: 10px 15px;
+  margin-bottom: 0;
+  text-align: center;
+}
+/deep/.el-pager li.active {
+  color: #5878e8;
+  cursor: default;
+}
+/deep/.el-pager li:hover {
+  color: #5878e8;
+  cursor: default;
+}
+.el-button--primary {
+  background-color: #5878e8;
+  border-color: #5878e8;
+}
+.el-button--default {
+  color: #8890b1;
+  border-color: #e8eaf1;
+}
+/deep/.base_header_layout .grid-content.right .find.el-button--primary {
+  width: 30px;
+  margin-left: 0;
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+/deep/.findValue .el-input__inner {
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+  width: 385px;
+}
+.completed.el-button--default {
+  border-color: #5878e8;
+  background-color: #f6f7fc;
+  color: #5878e8;
+}
+.putstorage.el-button--default,
+.deliverystorage.el-button--default {
+  border-color: #8890b1;
+  background-color: #fff;
+  color: #8890b1;
+}
+/deep/.el-table td,
+/deep/.el-table th.is-leaf {
+  border-right: 1px solid #e9ecf7;
+  text-align: center;
+}
+/deep/.el-table tr td:first-child,
+/deep/.el-table tr th.is-leaf:first-child {
+  border-left: 1px solid #e9ecf7;
+}
+.record,
+.adjustment {
+  display: inline-block;
+  color: #5878e8;
+  padding: 0 4px !important;
+  position: relative;
+}
+.record:after {
+  position: absolute;
+  content: '';
+  display: block;
+  top: 5px;
+  right: -2px;
+  width: 1px;
+  height: 12px;
+  background: #e9ecf7;
+}
+// .el-row{
+//     height: 150px;
+// }
+.base_header_layout .grid-content {
+  margin-top: 80px;
+}
+.el-input--small .el-input__inner {
+  margin-left: 20px;
+}
+.el-range-editor--small.el-input__inner {
+  height: 32px;
+  margin-left: -20%;
+}
+//执行样式
+.executory,
+.inExecution,
+.done {
+  width: 6px;
+  height: 6px;
+  display: inline-block;
+  border-radius: 50%;
+  position: relative;
+  top: -1px;
+  font-size: 14px;
+}
+.executory {
+  background: #ff9f24;
+}
+.inExecution {
+  background: #5878e8;
+}
+.done {
+  background: #50cad4;
+}
+.record,
+.adjustment {
+  display: inline-block;
+  color: #5878e8;
+  padding: 0 4px !important;
+  position: relative;
+  font-size: 14px;
+}
+.container {
+  overflow: scroll;
+  height: 93vh;
+}
+.button-container {
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  align-items: center;
+  background-color: #fff;
+  width: 100%;
+  height: 50px;
+  padding: 0 10px;
+  & > div {
+    margin-left: 10px;
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    & > span {
+      line-height: 50px;
+    }
+  }
+
+  /deep/.auditFlow-box {
+    position: unset;
+    margin-left: 10px;
+    &/deep/.auditFlow-icon {
+      width: auto;
+      padding-right: 30px;
+    }
+    &/deep/.auditFlow-main {
+      position: absolute;
+    }
+  }
+}
+.bg-left {
+  padding-left: 30px;
+}
+.title {
+  position: relative;
+}
+.title::before {
+  content: '';
+  display: inline-block;
+  width: 5px;
+  height: 30px;
+  background: #5473e8;
+  position: absolute;
+  left: 0;
+}
+.el-button--primary {
+  background-color: #5878e8;
+  border-color: #5878e8;
+  // margin-left: 85%;
+  margin-top: 20px;
+}
+//导航条样式
+.el-col-12 {
+  width: 50%;
+  height: 60px;
+  background: #f6f7fc;
+  border-radius: 4px 4px 1px 1px;
+}
+.el-input--small .el-input__inner {
+  height: 32px;
+  line-height: 32px;
+  width: 385px;
+  margin-top: 10px;
+}
+.bg-bottom {
+  margin-left: 85%;
+}
+.but {
+  margin-left: 30%;
+  /* margin-top: -32px; */
+  overflow: auto;
+  /* float: left; */
+  /* margin-left: 1px; */
+  margin-left: -10px;
+}
+.el-input--small {
+  font-size: 13px;
+  width: 390px;
+  margin-left: 74%;
+}
+/deep/.el-table .el-table__header .cell,
+.el-table .el-table__body .cell {
+  text-align: center;
+}
+.el-scrollbar__wrap {
+  overflow-y: hidden;
+}
+</style>

src/views/taskManagement/moveWarehouseTaskLook.vue

@@ -175,7 +175,7 @@
           </el-table-column>
           <el-table-column prop="transportLoss" label="累计运输损耗（吨）">
             <template scope="scope">
-              {{ scope.row.weightOut - scope.row.weightIn }}
+              {{ scope.row.weightOut - scope.row.weightIn - Number(count)}}
             </template>
           </el-table-column>
         </el-table>

src/views/taskManagement/tranManagementLook.vue

@@ -136,8 +136,7 @@
           <!--发货人电话-->
           <ws-form-item label="收货人电话" span="1" prop="receiverPhone">
             {{ item.receiverPhone }}
-          </ws-form-item>
-           
+          </ws-form-item>       
         </ws-info-table>
         <!-- </div> -->
       </div>

src/views/taskManagement/tranManagementTransport.vue

@@ -165,7 +165,7 @@
           "
             >编辑</div>
             <div
-              class="record"
+              class="record1"
               @click="deleteclick(scope.row)"
               v-hasPermission="
            `transportationTask.transportation.transportationInfo.delete`
@@ -517,12 +517,13 @@ export default {
   border-left: 1px solid #e9ecf7;
 }
 .record,
-.adjustment {
+.adjustment,.record1 {
   display: inline-block;
   color: #5878e8;
   padding: 0 4px !important;
   position: relative;
 }
+
 .record:after {
   position: absolute;
   content: '';

src/views/taskManagement/tranManagementTransportAdd.vue

@@ -6,7 +6,12 @@
         <h2 class="bg-left title">创建运输任务</h2>
       </el-col>
       <el-col :span="12" class="bg-right">
-        <el-button class="bg-bottom" type="primary" size="small" @click="returnsales()">
+        <el-button
+          class="bg-bottom"
+          type="primary"
+          size="small"
+          @click="returnsales()"
+        >
           <img
             width="6"
             height="10"
@@ -17,7 +22,11 @@
         </el-button>
       </el-col>
     </el-row>
-    <el-form ref="deptBudgetList" :rules="mainReportAdd" :model="deptBudgetList">
+    <el-form
+      ref="deptBudgetList"
+      :rules="mainReportAdd"
+      :model="deptBudgetList"
+    >
       <ws-info-table class="el-table">
         <el-form-item label="任务编号" span="1" prop="taskNo" class="forlist">
           <el-input
@@ -70,32 +79,29 @@
         </el-form-item>
         <el-form-item label="重量（吨）" span="1" prop="weight">
           <el-input
-          @input='weightchange'
+            @input="weightchange"
             v-model="deptBudgetList.weight"
             placeholder="请输入重量"
             maxlength="20"
             size="small"
           ></el-input>
-
         </el-form-item>
       </ws-info-table>
       <ws-info-table class="el-table">
-        <div class="start-address" style="width : 36%">
-          <el-radio-group @change='warehouseTypechange' v-model="deptBudgetList.warehouseType">
-          <el-radio label="1"
-            >常用仓库发货</el-radio
-          >
-          <el-radio label="2"
-            >临时仓库发货</el-radio
+        <div class="start-address" style="width: 36%">
+          <el-radio-group
+            @change="warehouseTypechange"
+            v-model="deptBudgetList.warehouseType"
           >
+            <el-radio label="1">常用仓库发货</el-radio>
+            <el-radio label="2">临时仓库发货</el-radio>
           </el-radio-group>
           <el-select
-          @change='sendWarehousechange'
+            @change="sendWarehousechange"
             v-model="deptBudgetList.sendWarehouse"
             placeholder="选择仓库"
             class="typeselect"
           >
-
             <el-option
               v-for="item in warehouseList"
               :key="item.constKey"
@@ -118,7 +124,7 @@
           label="始发地详细地址"
           span="1"
           prop="startDetailedAddress"
-         style="width:31.333%"
+          style="width: 31.333%"
         >
           <el-input
             v-model="deptBudgetList.startDetailedAddress"
@@ -135,7 +141,7 @@
           style="width: 36%"
         >
           <el-select
-          @change='sendWarehousechange1'
+            @change="sendWarehousechange1"
             v-model="deptBudgetList.receiveWarehouse"
             :disabled="warehouse"
             placeholder="请输入收货库点"
@@ -149,7 +155,12 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="终到地" span="1" prop="contractNo" class="start-address">
+        <el-form-item
+          label="终到地"
+          span="1"
+          prop="contractNo"
+          class="start-address"
+        >
           <el-cascader
             :options="options_"
             v-model="selectedOptions1"
@@ -191,7 +202,7 @@
         <div class="driver">
           <span>运输阶段{{ index + 1 }} {{ item.processNo }}</span>
           <img
-          v-if='!endflag'
+            v-if="!endflag "
             width="22"
             height="22"
             class="add"
@@ -258,8 +269,16 @@
             />
           </el-form-item>
           <!-- 本阶段重量 -->
-          <el-form-item label="本阶段运输重量（吨）" span="1" prop="bulkDensity">
-            <el-input v-model="item.weight" placeholder="请输入本阶段运输重量" size="small"></el-input>
+          <el-form-item
+            label="本阶段运输重量（吨）"
+            span="1"
+            prop="bulkDensity"
+          >
+            <el-input
+              v-model="item.weight"
+              placeholder="请输入本阶段运输重量"
+              size="small"
+            ></el-input>
           </el-form-item>
         </ws-info-table>
         <ws-info-table>
@@ -287,10 +306,20 @@
             ></el-input>
           </el-form-item>
           <el-form-item label="发货人" span="1" prop="bulkDensity">
-            <el-input v-model="item.sender" placeholder="请输入发货人" maxlength="20" size="small"></el-input>
+            <el-input
+              v-model="item.sender"
+              placeholder="请输入发货人"
+              maxlength="20"
+              size="small"
+            ></el-input>
           </el-form-item>
           <el-form-item label="发货人电话" span="1" prop="bulkDensity">
-            <el-input v-model="item.senderPhone" placeholder="请输入发货人电话" maxlength="20" size="small"></el-input>
+            <el-input
+              v-model="item.senderPhone"
+              placeholder="请输入发货人电话"
+              maxlength="20"
+              size="small"
+            ></el-input>
           </el-form-item>
         </ws-info-table>
         <ws-info-table>
@@ -318,7 +347,12 @@
             ></el-input>
           </el-form-item>
           <el-form-item label="收货人" span="1" prop="bulkDensity">
-            <el-input v-model="item.receiver" placeholder="请输入收货人" maxlength="20" size="small"></el-input>
+            <el-input
+              v-model="item.receiver"
+              placeholder="请输入收货人"
+              maxlength="20"
+              size="small"
+            ></el-input>
           </el-form-item>
           <el-form-item label="收货人电话" span="1" prop="bulkDensity">
             <el-input
@@ -333,7 +367,13 @@
     </el-form>
     <!-- 提交 -->
     <div style="text-align: right; padding: 10px" class="center">
-      <el-button class="bg-bottom" type="primary" size="small" @click="submit(deptBudgetList)">提交</el-button>
+      <el-button
+        class="bg-bottom"
+        type="primary"
+        size="small"
+        @click="submit(deptBudgetList)"
+        >提交</el-button
+      >
     </div>
   </div>
 </template>
@@ -347,7 +387,7 @@ export default {
   name: 'viewSpareMoney',
   components: {
     WsUpload,
-    mapDrag
+    mapDrag,
   },
   watch: {
     vesselId(val) {
@@ -355,12 +395,12 @@ export default {
     },
     isShow(val) {
       this.showType = val
-    }
+    },
   },
   data() {
     let self = this
     return {
-      flag:2,
+      flag: 2,
       checkList: [],
       deptBudgetList: {
         taskNo: '',
@@ -370,7 +410,7 @@ export default {
         warehouseType: '1',
         tranProcessInfoList: [
           {
-            sort:0,
+            sort: 0,
             processNo: '',
             tranType: '汽运',
             tranTypeKey: '1',
@@ -391,15 +431,15 @@ export default {
             receiver: '',
             senderPhone: '',
             receiverPhone: '',
-            endFlag: '0'
-          }
-        ]
+            endFlag: '0',
+          },
+        ],
       },
       radio: '1',
       options_: regionData,
       heightData: '600px',
       zoom: 7,
-      endflag:false,
+      endflag: false,
       selectedOptions: [],
       selectedOptions1: [],
       window: '',
@@ -420,7 +460,7 @@ export default {
       unitList: [],
       name: '',
       age: '',
-      number:2,
+      number: 2,
     }
   },
   activated() {
@@ -428,7 +468,7 @@ export default {
     this.showType = this.isShow
   },
   computed: {
-    warehouse: function() {
+    warehouse: function () {
       if (
         this.deptBudgetList.taskType == '销售出库' ||
         this.deptBudgetList.taskType == '贸易服务出库' ||
@@ -438,37 +478,61 @@ export default {
       } else {
         return false
       }
-    }
+    },
   },
   methods: {
-    sendWarehousechange(e){
+    sendWarehousechange(e) {
       for (let i = 0; i < this.warehouseList.length; i++) {
-        if(this.warehouseList[i].warehouseName==e){
-          var tmp=[]
-          tmp[0]=TextToCode[this.warehouseList[i].warehousePrivate].code
-          tmp[1]=TextToCode[this.warehouseList[i].warehousePrivate][this.warehouseList[i].warehouseCity].code
-          tmp[2]=TextToCode[this.warehouseList[i].warehousePrivate][this.warehouseList[i].warehouseCity][this.warehouseList[i].warehouseArea].code
-          this.selectedOptions=tmp
-          this.deptBudgetList.tranProcessInfoList[0].selectedOptions=tmp
-          this.$set(this.deptBudgetList,'startDetailedAddress',this.warehouseList[i].detailedAddress)
-          this.$set(this.deptBudgetList.tranProcessInfoList[0],'sendDetailedAddress',this.deptBudgetList.startDetailedAddress)
+        if (this.warehouseList[i].warehouseName == e) {
+          var tmp = []
+          tmp[0] = TextToCode[this.warehouseList[i].warehousePrivate].code
+          tmp[1] =
+            TextToCode[this.warehouseList[i].warehousePrivate][
+              this.warehouseList[i].warehouseCity
+            ].code
+          tmp[2] =
+            TextToCode[this.warehouseList[i].warehousePrivate][
+              this.warehouseList[i].warehouseCity
+            ][this.warehouseList[i].warehouseArea].code
+          this.selectedOptions = tmp
+          this.deptBudgetList.tranProcessInfoList[0].selectedOptions = tmp
+          this.$set(
+            this.deptBudgetList,
+            'startDetailedAddress',
+            this.warehouseList[i].detailedAddress
+          )
+          this.$set(
+            this.deptBudgetList.tranProcessInfoList[0],
+            'sendDetailedAddress',
+            this.deptBudgetList.startDetailedAddress
+          )
         }
       }
     },
-    sendWarehousechange1(e){
+    sendWarehousechange1(e) {
       for (let i = 0; i < this.warehouseList1.length; i++) {
-        if(this.warehouseList1[i].warehouseName==e){
-          var tmp=[]
-          tmp[0]=TextToCode[this.warehouseList1[i].warehousePrivate].code
-          tmp[1]=TextToCode[this.warehouseList1[i].warehousePrivate][this.warehouseList1[i].warehouseCity].code
-          tmp[2]=TextToCode[this.warehouseList1[i].warehousePrivate][this.warehouseList1[i].warehouseCity][this.warehouseList1[i].warehouseArea].code
-          this.selectedOptions1=tmp
-          this.$set(this.deptBudgetList,'endDetailedAddress',this.warehouseList1[i].detailedAddress)
+        if (this.warehouseList1[i].warehouseName == e) {
+          var tmp = []
+          tmp[0] = TextToCode[this.warehouseList1[i].warehousePrivate].code
+          tmp[1] =
+            TextToCode[this.warehouseList1[i].warehousePrivate][
+              this.warehouseList1[i].warehouseCity
+            ].code
+          tmp[2] =
+            TextToCode[this.warehouseList1[i].warehousePrivate][
+              this.warehouseList1[i].warehouseCity
+            ][this.warehouseList1[i].warehouseArea].code
+          this.selectedOptions1 = tmp
+          this.$set(
+            this.deptBudgetList,
+            'endDetailedAddress',
+            this.warehouseList1[i].detailedAddress
+          )
         }
       }
     },
-    warehouseTypechange(){
-        getwarehousename({
+    warehouseTypechange() {
+      getwarehousename({
         compId: this.compId,
         warehouseType: this.deptBudgetList.warehouseType,
       })
@@ -477,17 +541,25 @@ export default {
           this.warehouseList = response
         })
     },
-    weightchange(e){
-      this.deptBudgetList.tranProcessInfoList[0].weight=e
+    weightchange(e) {
+      this.deptBudgetList.tranProcessInfoList[0].weight = e
     },
-    engflagchange(e){
-      this.endflag=e
-      if(this.endflag){
-        this.deptBudgetList.tranProcessInfoList[this.deptBudgetList.tranProcessInfoList.length - 1].selectedOptions1 = this.selectedOptions1
-        this.deptBudgetList.tranProcessInfoList[this.deptBudgetList.tranProcessInfoList.length - 1].receiveDetailedAddress = this.deptBudgetList.endDetailedAddress
-      }else{
-         this.deptBudgetList.tranProcessInfoList[this.deptBudgetList.tranProcessInfoList.length - 1].selectedOptions1 = []
-         this.deptBudgetList.tranProcessInfoList[this.deptBudgetList.tranProcessInfoList.length - 1].receiveDetailedAddress = ''
+    engflagchange(e) {
+      this.endflag = e
+      if (this.endflag) {
+        this.deptBudgetList.tranProcessInfoList[
+          this.deptBudgetList.tranProcessInfoList.length - 1
+        ].selectedOptions1 = this.selectedOptions1
+        this.deptBudgetList.tranProcessInfoList[
+          this.deptBudgetList.tranProcessInfoList.length - 1
+        ].receiveDetailedAddress = this.deptBudgetList.endDetailedAddress
+      } else {
+        this.deptBudgetList.tranProcessInfoList[
+          this.deptBudgetList.tranProcessInfoList.length - 1
+        ].selectedOptions1 = []
+        this.deptBudgetList.tranProcessInfoList[
+          this.deptBudgetList.tranProcessInfoList.length - 1
+        ].receiveDetailedAddress = ''
       }
     },
     // 获取当前年月日
@@ -512,7 +584,7 @@ export default {
         if (i > 90 && i < 97) continue
         arr.push(String.fromCharCode(i))
       }
-      arr.sort(function() {
+      arr.sort(function () {
         return Math.random() - 0.5
       })
       arr.length = 4
@@ -521,47 +593,48 @@ export default {
     },
     loaddata() {
       this.deptBudgetList.taskNo = 'YS' + this.getdate() + this.verifyinit()
-      this.deptBudgetList.tranProcessInfoList[0].processNo=this.deptBudgetList.taskNo+'-1'
+      this.deptBudgetList.tranProcessInfoList[0].processNo =
+        this.deptBudgetList.taskNo + '-1'
       // 货名
       packList({ constId: 'CON2' })
         .toPromise()
-        .then(response => {
+        .then((response) => {
           this.goodnameList = response
         })
       // 任务类型
       packList({ constId: 'TRAN3' })
         .toPromise()
-        .then(response => {
+        .then((response) => {
           this.taskType = response
         })
       // 运输方式
       packList({ constId: 'TRAN6' })
         .toPromise()
-        .then(response => {
+        .then((response) => {
           this.taskwayList = response
         })
 
       getwarehousename({
         compId: this.compId,
-        warehouseType: this.deptBudgetList.warehouseType
+        warehouseType: this.deptBudgetList.warehouseType,
       })
         .toPromise()
-        .then(response => {
+        .then((response) => {
           this.warehouseList = response
         })
-        getwarehousename({
+      getwarehousename({
         compId: this.compId,
-        warehouseType: 1
+        warehouseType: 1,
       })
         .toPromise()
-        .then(response => {
+        .then((response) => {
           this.warehouseList1 = response
         })
       xialaNo({
-        compId: this.compId
+        compId: this.compId,
       })
         .toPromise()
-        .then(response => {
+        .then((response) => {
           this.contractNoList = response
         })
     },
@@ -575,12 +648,15 @@ export default {
     },
     add(index) {
       this.deptBudgetList.tranProcessInfoList.push({
-        processNo: this.deptBudgetList.taskNo+'-'+(this.number),
+        processNo: this.deptBudgetList.taskNo + '-' + this.number,
         tranType: '汽运',
         tranTypeKey: '1',
         deliveryDateStart: '',
         deliveryDateEnd: '',
-        weight: this.deptBudgetList.tranProcessInfoList[this.deptBudgetList.tranProcessInfoList.length-1].weight,
+        weight:
+          this.deptBudgetList.tranProcessInfoList[
+            this.deptBudgetList.tranProcessInfoList.length - 1
+          ].weight,
         selectedOptions: [],
         selectedOptions1: [],
         sendPrivate: '',
@@ -595,7 +671,7 @@ export default {
         receiver: '',
         senderPhone: '',
         receiverPhone: '',
-        endFlag: '0'
+        endFlag: '0',
       })
       this.number++
     },
@@ -603,6 +679,7 @@ export default {
       if (this.deptBudgetList.tranProcessInfoList.length > 1) {
         this.deptBudgetList.tranProcessInfoList.splice(index, 1)
       }
+      this.number--
     },
     handleChange(value) {
       this.selectedOptions = value
@@ -635,35 +712,35 @@ export default {
     returnsales() {
       this.$router.push({ path: 'tranManagementTransport' })
       this.deptBudgetList = {
-                taskNo: '',
-                totalStorage: 0,
-                goodsName: '玉米',
-                goodsNameKey: 1,
-                warehouseType: '1',
-                tranProcessInfoList: [
-                  {
-                    processNo: '',
-                    tranType: '汽运',
-                    deliveryDateStart: '',
-                    deliveryDateEnd: '',
-                    weight: '',
-                    selectedOptions: [],
-                    selectedOptions1: [],
-                    sendPrivate: '',
-                    sendCity: '',
-                    sendArea: '',
-                    receivePrivate: '',
-                    receiveCity: '',
-                    receiveArea: '',
-                    sendDetailedAddress: '',
-                    receiveDetailedAddress: '',
-                    sender: '',
-                    receiver: '',
-                    senderPhone: '',
-                    receiverPhone: '',
-                  },
-                ],
-              }
+        taskNo: '',
+        totalStorage: 0,
+        goodsName: '玉米',
+        goodsNameKey: 1,
+        warehouseType: '1',
+        tranProcessInfoList: [
+          {
+            processNo: '',
+            tranType: '汽运',
+            deliveryDateStart: '',
+            deliveryDateEnd: '',
+            weight: '',
+            selectedOptions: [],
+            selectedOptions1: [],
+            sendPrivate: '',
+            sendCity: '',
+            sendArea: '',
+            receivePrivate: '',
+            receiveCity: '',
+            receiveArea: '',
+            sendDetailedAddress: '',
+            receiveDetailedAddress: '',
+            sender: '',
+            receiver: '',
+            senderPhone: '',
+            receiverPhone: '',
+          },
+        ],
+      }
     },
     selecttaskType(e) {
       for (var i = 0; i < this.taskType.length; i++) {
@@ -675,9 +752,8 @@ export default {
     selecttaskwayList(e, index) {
       for (var i = 0; i < this.taskwayList.length; i++) {
         if (this.taskwayList[i].constValue == e) {
-          this.deptBudgetList.tranProcessInfoList[
-            index
-          ].tranTypeKey = this.taskwayList[i].constKey
+          this.deptBudgetList.tranProcessInfoList[index].tranTypeKey =
+            this.taskwayList[i].constKey
         }
       }
     },
@@ -690,90 +766,89 @@ export default {
     },
     onChange(files) {
       this.fileNum = files
-      this.$refs.upload.handleSaveBill().then(res => {
-      })
+      this.$refs.upload.handleSaveBill().then((res) => {})
     },
 
     submit() {
-      this.$refs.deptBudgetList.validate(valid => {
+      this.$refs.deptBudgetList.validate((valid) => {
         if (valid) {
           if (!this.deptBudgetList.taskNo) {
-          this.$message({
-            message: '任务编号不能为空！',
-            type: 'warning',
-          })
-          return
-        }
+            this.$message({
+              message: '任务编号不能为空！',
+              type: 'warning',
+            })
+            return
+          }
           if (!this.deptBudgetList.taskType) {
-          this.$message({
-            message: '任务类型不能为空！',
-            type: 'warning',
-          })
-          return
-        }
-         if (!this.deptBudgetList.contractNo) {
-          this.$message({
-            message: '合同编号/移库任务编号不能为空！',
-            type: 'warning',
-          })
-          return
-        }
-         if (!this.deptBudgetList.goodsName) {
-          this.$message({
-            message: '货名不能为空！',
-            type: 'warning',
-          })
-          return
-        }
-           if (!this.deptBudgetList.weight) {
-          this.$message({
-            message: '重量（吨）不能为空！',
-            type: 'warning',
-          })
-          return
-        }
-         if (!this.deptBudgetList.sendWarehouse) {
-          this.$message({
-            message: '发货仓库不能为空！',
-            type: 'warning',
-          })
-          return
-        }
-        if (this.selectedOptions.length <= 0) {
-          this.$message({
-            message: '始发地不能为空！',
-            type: 'warning',
-          })
-          return
-        }
-      
-         if (!this.deptBudgetList.startDetailedAddress) {
-          this.$message({
-            message: '始发地详细地址不能为空！',
-            type: 'warning',
-          })
-          return
-        }
-        if (this.selectedOptions1.length <= 0) {
-          this.$message({
-            message: '终到地不能为空！',
-            type: 'warning',
-          })
-          return
-        }
-         if (!this.deptBudgetList.endDetailedAddress) {
-          this.$message({
-            message: '终到地详细地址不能为空！',
-            type: 'warning',
-          })
-          return
-        }
-          if(this.checkList.length <= 0){
-             this.$message({
-                message: '运输方式多选框不能为空！',
-                type: 'warning',
-              })
-              return
+            this.$message({
+              message: '任务类型不能为空！',
+              type: 'warning',
+            })
+            return
+          }
+          if (!this.deptBudgetList.contractNo) {
+            this.$message({
+              message: '合同编号/移库任务编号不能为空！',
+              type: 'warning',
+            })
+            return
+          }
+          if (!this.deptBudgetList.goodsName) {
+            this.$message({
+              message: '货名不能为空！',
+              type: 'warning',
+            })
+            return
+          }
+          if (!this.deptBudgetList.weight) {
+            this.$message({
+              message: '重量（吨）不能为空！',
+              type: 'warning',
+            })
+            return
+          }
+          if (!this.deptBudgetList.sendWarehouse) {
+            this.$message({
+              message: '发货仓库不能为空！',
+              type: 'warning',
+            })
+            return
+          }
+          if (this.selectedOptions.length <= 0) {
+            this.$message({
+              message: '始发地不能为空！',
+              type: 'warning',
+            })
+            return
+          }
+
+          if (!this.deptBudgetList.startDetailedAddress) {
+            this.$message({
+              message: '始发地详细地址不能为空！',
+              type: 'warning',
+            })
+            return
+          }
+          if (this.selectedOptions1.length <= 0) {
+            this.$message({
+              message: '终到地不能为空！',
+              type: 'warning',
+            })
+            return
+          }
+          if (!this.deptBudgetList.endDetailedAddress) {
+            this.$message({
+              message: '终到地详细地址不能为空！',
+              type: 'warning',
+            })
+            return
+          }
+          if (this.checkList.length <= 0) {
+            this.$message({
+              message: '运输方式多选框不能为空！',
+              type: 'warning',
+            })
+            return
           }
           for (
             var i = 0;
@@ -792,56 +867,56 @@ export default {
             ) {
               this.$message({
                 message: '发货日期不能大于最晚到货日期！',
-                type: 'warning'
+                type: 'warning',
               })
               return
             }
             if (!this.deptBudgetList.tranProcessInfoList[i].deliveryDateStart) {
               this.$message({
-                message:'发货日期不能为空！',
-                type:'warning'
+                message: '发货日期不能为空！',
+                type: 'warning',
               })
               return
             }
             if (!this.deptBudgetList.tranProcessInfoList[i].deliveryDateEnd) {
               this.$message({
-                message:'最晚到货日期不能为空！',
-                type:'warning'
+                message: '最晚到货日期不能为空！',
+                type: 'warning',
               })
               return
             }
             if (!this.deptBudgetList.tranProcessInfoList[i].weight) {
               this.$message({
                 message: '重量不能为空！',
-                type: 'warning'
+                type: 'warning',
               })
               return
             }
             if (!this.deptBudgetList.tranProcessInfoList[i].sender) {
               this.$message({
                 message: '发货人不能为空！',
-                type: 'warning'
+                type: 'warning',
               })
               return
             }
             if (!this.deptBudgetList.tranProcessInfoList[i].senderPhone) {
               this.$message({
                 message: '发货人电话不能为空！',
-                type: 'warning'
+                type: 'warning',
               })
               return
             }
             if (!this.deptBudgetList.tranProcessInfoList[i].receiver) {
               this.$message({
                 message: '收货人不能为空！',
-                type: 'warning'
+                type: 'warning',
               })
               return
             }
             if (!this.deptBudgetList.tranProcessInfoList[i].receiverPhone) {
               this.$message({
                 message: '收货人电话不能为空！',
-                type: 'warning'
+                type: 'warning',
               })
               return
             }
@@ -850,7 +925,7 @@ export default {
             ) {
               this.$message({
                 message: '收获详细地址不能为空！',
-                type: 'warning'
+                type: 'warning',
               })
               return
             }
@@ -859,21 +934,25 @@ export default {
             ) {
               this.$message({
                 message: '发货详细地址不能为空！',
-                type: 'warning'
+                type: 'warning',
               })
               return
             }
-            
           }
-
           this.deptBudgetList.compId = sessionStorage.getItem('ws-pf_compId')
           this.deptBudgetList.tranType = this.checkList.toString()
-           this.deptBudgetList.startPrivate = CodeToText[this.selectedOptions[0]]
-        this.deptBudgetList.startCity = CodeToText[this.selectedOptions[1]]
-         this.deptBudgetList.startArea = CodeToText[this.selectedOptions[2]]
-          
-          for(var i = 0 ; i < this.deptBudgetList.tranProcessInfoList.length ; i++){
+          this.deptBudgetList.startPrivate = CodeToText[this.selectedOptions[0]]
+          this.deptBudgetList.startCity = CodeToText[this.selectedOptions[1]]
+          this.deptBudgetList.startArea = CodeToText[this.selectedOptions[2]]
+             this.deptBudgetList.tranProcessInfoList[0].sendPrivate = CodeToText[this.selectedOptions[0]]
+             this.deptBudgetList.tranProcessInfoList[0].sendCity = CodeToText[this.selectedOptions[1]]
+              this.deptBudgetList.tranProcessInfoList[0].sendArea = CodeToText[this.selectedOptions[2]]
 
+          for (
+            var i = 0;
+            i < this.deptBudgetList.tranProcessInfoList.length;
+            i++
+          ) {
             this.deptBudgetList.tranProcessInfoList[i].sort = i
             //  this.deptBudgetList.tranProcessInfoList[i].sendPrivate = CodeToText[this.selectedOptions[0]]
             // this.deptBudgetList.tranProcessInfoList[i].sendCity = CodeToText[this.selectedOptions[1]]
@@ -881,13 +960,12 @@ export default {
             // this.deptBudgetList.tranProcessInfoList[i].receivePrivate = CodeToText[this.selectedOptions1[0]]
             // this.deptBudgetList.tranProcessInfoList[i].receiveCity = CodeToText[this.selectedOptions1[1]]
             //  this.deptBudgetList.tranProcessInfoList[i].receiveArea = CodeToText[this.selectedOptions1[2]]
-
           }
-          console.log(this.deptBudgetList,"添加对象")
-         
+          console.log(this.deptBudgetList, '添加对象')
+
           addtrantask(this.deptBudgetList)
             .toPromise()
-            .then(response => {
+            .then((response) => {
               this.$message.success('添加成功')
               this.deptBudgetList = {
                 taskNo: '',
@@ -916,11 +994,10 @@ export default {
                     receiver: '',
                     senderPhone: '',
                     receiverPhone: '',
-                    contractNo:'',
-                    receiveWarehouse:''
-                   
-                  }
-                ]
+                    contractNo: '',
+                    receiveWarehouse: '',
+                  },
+                ],
               }
               this.$router.push({ path: 'tranManagementTransport' })
             })
@@ -932,8 +1009,8 @@ export default {
     },
     resetForm(deptBudgetList) {
       this.$refs[deptBudgetList].resetFields()
-    }
-  }
+    },
+  },
 }
 </script>
 
@@ -951,7 +1028,8 @@ export default {
 
   height: 50px;
 }
-/deep/.position .el-select, /deep/.el-select {
+/deep/.position .el-select,
+/deep/.el-select {
   width: 100%;
 }
 /deep/.position .ws-info-table .el-form-item .el-form-item__label,
@@ -960,9 +1038,9 @@ export default {
   font-size: 14px;
   color: #8890b1;
 }
-.typeselect{
-  width:42%;
-  margin-left:32px;
+.typeselect {
+  width: 42%;
+  margin-left: 32px;
 }
 .del,
 .add {
@@ -1015,7 +1093,7 @@ export default {
 .el-form {
   margin-top: 50px;
 }
-.endflag{
+.endflag {
   vertical-align: top;
 }
 .el-col {
@@ -1060,8 +1138,10 @@ export default {
     }
   }
 }
-/deep/.el-table--border:after, /deep/.el-table--group:after, /deep/.el-table:before {
-  background:transparent;
+/deep/.el-table--border:after,
+/deep/.el-table--group:after,
+/deep/.el-table:before {
+  background: transparent;
 }
 //输入框标题
 /deep/.ws-info-table .el-form-item .el-form-item__label {
@@ -1092,8 +1172,8 @@ export default {
 .el-cascader {
   width: 100%;
 }
-.el-form{
-      height: 73vh;
-    overflow: scroll;
+.el-form {
+  height: 73vh;
+  overflow: scroll;
 }
 </style>

src/views/taskManagement/tranManagementTransportEdit.vue

@@ -639,7 +639,7 @@ export default {
     handleClose() {
       this.dialogViewSpareMoney = false
     },
-    add() {
+    add(index) {
       this.deptBudgetList.tranProcessInfoList.push({
           processNo: this.deptBudgetList.taskNo+(this.number),
         sort:0,
@@ -688,7 +688,7 @@ export default {
           this.deptBudgetList.tranProcessInfoList.splice(index, 1)
         }
       }
-      
+      this.number--
     },
     handleChange(value) {
       this.selectedOptions = value

src/views/taskManagement/tranManagementWarehouseInOutTask.vue

@@ -25,10 +25,10 @@
         </ws-button>
       </template>
       <template slot="right">
-         <span style="width: 70px; display: inline-block;color: #8890B1;">状态：</span>
+        <span style="width: 70px; display: inline-block;color: #8890B1;">状态：</span>
         <ws-select
           v-model="searchTypeText"
-          placeholder=""
+          placeholder
           class="typeselect"
           @change="selecttaskType"
           :value="searchType"
@@ -65,54 +65,21 @@
       </template>
     </BaseHeaderLayout>
     <div class="navv">
-      <el-table
-        class="wenzi"
-        :data="gainList.records"
-        style="width: 100%;"
-        height="780"
-      >
+      <el-table class="wenzi" :data="gainList.records" style="width: 100%;" height="780">
         <el-table-column type="index" label="序号">
           <template scope="scope">
             <span v-if="scope.$index < 9">0{{ scope.$index + 1 }}</span>
             <span v-else>{{ scope.$index + 1 }}</span>
           </template>
         </el-table-column>
-         <el-table-column prop="inOutTaskNo" label="任务编号"></el-table-column>
-        <el-table-column
-          prop="contractNo"
-          label="合同编号"
-          width="80"
-        ></el-table-column>
-        <el-table-column
-          prop="warehouseName"
-          class="table_td"
-          label="库房名"
-        ></el-table-column>
-        <el-table-column
-          prop="inOutType"
-          class="table_td"
-          label="出入库类型"
-        ></el-table-column>
-        <el-table-column
-          prop="goodsName"
-          class="table_td"
-          label="货名"
-        ></el-table-column>
-        <el-table-column
-          prop="weight"
-          class="table_td"
-          label="重量（吨）"
-        ></el-table-column>
-        <el-table-column
-          prop="predictDate"
-          class="table_td"
-          label="预计日期"
-        ></el-table-column>
-        <el-table-column
-          prop="publisher"
-          class="table_td"
-          label="发布者"
-        ></el-table-column>
+        <el-table-column prop="inOutTaskNo" label="任务编号"></el-table-column>
+        <el-table-column prop="contractNo" label="合同编号" width="80"></el-table-column>
+        <el-table-column prop="warehouseName" class="table_td" label="库房名"></el-table-column>
+        <el-table-column prop="inOutType" class="table_td" label="出入库类型"></el-table-column>
+        <el-table-column prop="goodsName" class="table_td" label="货名"></el-table-column>
+        <el-table-column prop="weight" class="table_td" label="重量（吨）"></el-table-column>
+        <el-table-column prop="predictDate" class="table_td" label="预计日期"></el-table-column>
+        <el-table-column prop="publisher" class="table_td" label="发布者"></el-table-column>
         <el-table-column prop="taskStatus" label="状态">
           <template slot-scope="scope">
             <el-popover
@@ -124,33 +91,19 @@
             >
               <template>
                 <span slot="reference">
-                  <span
-                    v-if="scope.row.taskStatus == '待审核'"
-                    class="executory"
-                  ></span>
-                  <span
-                    v-if="scope.row.taskStatus == '执行中'"
-                    class="inExecution"
-                  ></span>
-                  <span
-                    v-if="scope.row.taskStatus == '已完成'"
-                    class="done"
-                  ></span>
+                  <span v-if="scope.row.taskStatus == '待审核'" class="executory"></span>
+                  <span v-if="scope.row.taskStatus == '执行中'" class="inExecution"></span>
+                  <span v-if="scope.row.taskStatus == '已完成'" class="done"></span>
                   {{ scope.row.taskStatus }}
                 </span>
               </template>
               <div>
                 <p style="margin-top: 0; padding-left: 10px">操作历史</p>
                 <div v-for="(item, index) in historyList" class="flex">
-                  <div class="vertical-text vertical-text-left">
-                    {{ item.updateDate }}
-                  </div>
+                  <div class="vertical-text vertical-text-left">{{ item.updateDate }}</div>
                   <div>
                     <div class="vertical-circle"></div>
-                    <div
-                      v-if="index != historyList.length - 1"
-                      class="vertical-line"
-                    ></div>
+                    <div v-if="index != historyList.length - 1" class="vertical-line"></div>
                   </div>
                   <div class="vertical-text">
                     {{ item.operateUser }}
@@ -170,11 +123,7 @@
             />
           </template>
         </el-table-column>
-        <el-table-column
-          prop="establishDate"
-          class="table_td"
-          label="创建时间"
-        ></el-table-column>
+        <el-table-column prop="establishDate" class="table_td" label="创建时间"></el-table-column>
         <el-table-column prop="seller" label="操作" width="300">
           <template slot-scope="scope">
             <div
@@ -183,9 +132,7 @@
               v-hasPermission="
                 `warehouseManagement.warehouse.warehouseInfoTask.View`
               "
-            >
-              查看
-            </div>
+            >查看</div>
             <div
               v-hasPermission="
                 `warehouseManagement.warehouse.warehouseInfoTask.audit`
@@ -193,9 +140,7 @@
               v-if="scope.row.taskStatus == '待审核'"
               class="adjustment"
               @click="audit(scope.row)"
-            >
-              审核
-            </div>
+            >审核</div>
             <div
               v-hasPermission="
                 `warehouseManagement.warehouse.warehouseInfoTask.edit`
@@ -206,9 +151,7 @@
               "
               class="record"
               @click="delivery(scope.row)"
-            >
-              编辑
-            </div>
+            >编辑</div>
             <div
               v-hasPermission="
                 `warehouseManagement.warehouse.warehouseInfoTask.delete`
@@ -216,11 +159,10 @@
               v-if="
                 scope.row.taskId==null
               "
+              
               class="adjustment"
               @click="deleteclick(scope.row)"
-            >
-              删除
-            </div>
+            >删除</div>
           </template>
         </el-table-column>
       </el-table>
@@ -236,7 +178,7 @@
   </div>
 </template>
 <script>
-import { getoreditoutput, outdelete ,movestates} from '@/model/tasksport/index'
+import { getoreditoutput, outdelete, movestates } from '@/model/tasksport/index'
 import { downloadFile } from '@/utils/batchDown'
 import Pagination from '@/components/Pagination'
 import WsUpload from '@/components/WsUpload'
@@ -245,7 +187,7 @@ export default {
   name: 'viewSpareMoney',
   components: {
     WsUpload,
-    Pagination,
+    Pagination
   },
   watch: {
     vesselId(val) {
@@ -253,7 +195,7 @@ export default {
     },
     isShow(val) {
       this.showType = val
-    },
+    }
   },
   data() {
     return {
@@ -277,12 +219,12 @@ export default {
       searchTypeText: '待审核',
       searchKeyWord: '',
       contractType: 2,
-       taskTypeList: [
+      taskTypeList: [
         { value: '待审核', type: 1 },
         { value: '执行中', type: 3 },
-         { value: '已驳回', type: 2 },
+        { value: '已驳回', type: 2 },
         { value: '已完成', type: 4 },
-        { value: '全部任务', type: '' },
+        { value: '全部任务', type: '' }
       ],
       // 提交类型
       submitType: true,
@@ -294,11 +236,11 @@ export default {
       deptCircularPage: {},
       historyList: [],
       pickerBeginDateBefore: {
-        disabledDate: (time) => {
+        disabledDate: time => {
           return time.getTime() > Date.now()
-        },
+        }
       },
-      accessoryTFs: false,
+      accessoryTFs: false
     }
   },
   activated() {
@@ -329,17 +271,17 @@ export default {
       this.$confirm(text, {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: 'warning',
+        type: 'warning'
       })
         .then(() => {
           console.log(row)
           outdelete({
             id: row.id,
             relevanceId: row.relevanceId,
-            inOutFlag: row.inOutFlag,
+            inOutFlag: row.inOutFlag
           })
             .toPromise()
-            .then((response) => {
+            .then(response => {
               this.getList()
             })
         })
@@ -353,10 +295,10 @@ export default {
         currentPage: this.currentPage,
         pageSize: this.pageSize,
         searchType: this.searchType,
-        searchKeyWord: this.searchKeyWord,
+        searchKeyWord: this.searchKeyWord
       })
         .toPromise()
-        .then((response) => {
+        .then(response => {
           console.log(response)
           this.gainList = response
           this.currentPage = response.current
@@ -364,28 +306,13 @@ export default {
           this.deptBudgetTotal = response.total
         })
     },
-    // handlestatus(status) {
-    //   if (status == 1) {
-    //     this.primary = 1
-    //   } else if (status == 2) {
-    //     this.primary = 2
-    //   } else if (status == 3) {
-    //     this.primary = 3
-    //   } else if (status == 4) {
-    //     this.primary = 4
-    //   } else {
-    //     this.primary = 5
-    //   }
-    //   this.searchType = status
-    //   this.getList()
-    // },
     //编辑
     delivery(item) {
       this.$router.push({
         path: 'tranManagementWarehouseInOutTaskEdit',
         query: {
-          relevanceId: item.relevanceId,
-        },
+          relevanceId: item.relevanceId
+        }
       })
     },
     audit(item) {
@@ -393,8 +320,8 @@ export default {
         path: 'tranManagementWarehouseInOutTaskaudit',
         query: {
           relevanceId: item.relevanceId,
-          taskId:item.taskId
-        },
+          taskId: item.taskId
+        }
       })
     },
     getSpanArr(data) {
@@ -433,8 +360,8 @@ export default {
       this.$router.push({
         path: 'inOutWarehouseTaskEdit',
         query: {
-          relevanceId: row.relevanceId,
-        },
+          relevanceId: row.relevanceId
+        }
       })
     },
     dateFormat(fmt, date) {
@@ -443,7 +370,7 @@ export default {
         'Y+': date.getFullYear().toString(), // 年
         'm+': (date.getMonth() + 1).toString(), // 月
         'd+': date.getDate().toString(), // 日
-        'H+': date.getHours().toString(), // 时
+        'H+': date.getHours().toString() // 时
         // "M+": date.getMinutes().toString(),         // 分
         // "S+": date.getSeconds().toString()          // 秒
         // 有其他格式化字符需求可以继续添加，必须转化成字符串
@@ -483,19 +410,19 @@ export default {
       this.$confirm(`是否将状态改为${status}`, {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: 'warning',
+        type: 'warning'
       })
         .then(() => {
           movestates({ id: row.id })
             .toPromise()
-            .then((response) => {
+            .then(response => {
               this.$notify.success({
                 title: '成功',
-                message: '状态修改成功',
+                message: '状态修改成功'
               })
               this.getList()
             })
-            .catch((response) => {
+            .catch(response => {
               // EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
             })
         })
@@ -513,7 +440,7 @@ export default {
     handleExamine(row) {
       this.$router.push({
         name: 'salesContractExamine',
-        query: { id: row.id },
+        query: { id: row.id }
       })
     },
     // 关闭 dialog时 处理文件url 初始化upload组件
@@ -523,38 +450,15 @@ export default {
     history(row) {
       billoperatehis({ id: row.id })
         .toPromise()
-        .then((response) => {
+        .then(response => {
           this.historyList = response
         })
     },
     find() {
       this.currentPage = 1
       this.getList()
-    },
-    // async exportlist() {
-    //   const { data } = await export1(
-    //     {
-    //       compId: sessionStorage.getItem('ws-pf_compId'),
-    //       contractType: this.contractType,
-    //       currentPage: this.currentPage,
-    //       pageSize: this.pageSize,
-    //       searchType: this.searchType,
-    //       searchKeyWord: this.searchKeyWord,
-    //       startDate: this.startDate,
-    //       endDate: this.endDate,
-    //     },
-    //     {},
-    //     { responseType: 'blob' }
-    //   ).toPromise()
-    //   downloadFile({
-    //     res: data,
-    //     fileName: `${
-    //       this.date.year + (this.date.month ? `-${this.date.month}` : '')
-    //     }_采购合同`,
-    //     type: 'xls',
-    //   })
-    // },
-  },
+    }
+  }
 }
 </script>
 <style lang="scss" scoped>
@@ -613,7 +517,7 @@ export default {
   display: block;
   top: 5px;
   right: -2px;
-  // width: 1px;
+  width: 1px;
   height: 12px;
   background: #e9ecf7;
 }
@@ -632,7 +536,7 @@ export default {
   margin-left: 766px;
 }
 .el-pagination {
- text-align: center;
+  text-align: center;
 }
 .winseaview-main {
   background: #e8ecf6;
@@ -664,11 +568,11 @@ export default {
 .done {
   background: #50cad4;
 }
-.el-select{
+.el-select {
   width: 30%;
-    margin-right: 10px;
+  margin-right: 10px;
 }
-/deep/.typeselect .el-input__inner{
-   color: #8890B1;
+/deep/.typeselect .el-input__inner {
+  color: #8890b1;
 }
 </style>

src/views/taskManagement/tranManagementWarehouseInOutTaskAdd.vue

@@ -24,26 +24,34 @@
     <div class="basicInformation">
       <div class="annu">
         <el-radio-group @change="tasktypechange" v-model="dataList.taskTypeKey">
-        <el-radio label="1" class="a">出库</el-radio>
-        <el-radio label="2" class="a">入库</el-radio>
-        <el-radio label="3" class="a">移库</el-radio>
-        <el-radio label="4" class="a">退库并出库</el-radio>
-      </el-radio-group>
+          <el-radio label="1" class="a">出库</el-radio>
+          <el-radio label="2" class="a">入库</el-radio>
+          <el-radio label="3" class="a">移库</el-radio>
+          <el-radio label="4" class="a">退库并出库</el-radio>
+        </el-radio-group>
       </div>
       <div class="ding"></div>
-       <div v-if="dataList.taskTypeKey != 2&&dataList.taskTypeKey != 4" class="center1">
-          <img
-            style="position: relative; top: 40px; left: 300px;" 
-            width="19"
-            height="19"
-            src="../../../public/img/cangku.png"
-            alt=""
-          />
+      <div
+        v-if="dataList.taskTypeKey != 2 && dataList.taskTypeKey != 4"
+        class="center1"
+      >
+        <img
+          style="position: relative; top: 40px; left: 300px"
+          width="19"
+          height="19"
+          src="../../../public/img/cangku.png"
+          alt=""
+        />
         <!--出库=-->
         <div class="small-title">
           <h3>出库任务({{ inOutTaskNo }})</h3>
         </div>
-        <el-form ref="dataList" :model="dataList" label-width="140px" input-width="300px">
+        <el-form
+          ref="dataList"
+          :model="dataList"
+          label-width="140px"
+          input-width="300px"
+        >
           <!-- 仓库名 -->
           <el-form-item label="仓库名">
             <el-select
@@ -62,8 +70,8 @@
           </el-form-item>
           <!-- 出库类型 -->
           <el-form-item label="出库类型">
-            <el-select              
-            :disabled='dataList.taskTypeKey == 3||dataList.taskTypeKey == 4'
+            <el-select
+              :disabled="dataList.taskTypeKey == 3 || dataList.taskTypeKey == 4"
               v-model="dataList.inOutType"
               placeholder="请选择出库类型"
               class="typeselect"
@@ -85,9 +93,9 @@
             </el-select>
           </el-form-item>
           <!-- 合同编号 -->
-          <el-form-item v-if='dataList.taskTypeKey != 3' label="合同编号">
+          <el-form-item v-if="dataList.taskTypeKey != 3" label="合同编号">
             <el-select
-            @change='changecontract'
+              @change="changecontract"
               v-model="dataList.contractNo"
               placeholder="请输入合同编号"
               class="typeselect"
@@ -100,9 +108,9 @@
               ></el-option>
             </el-select>
           </el-form-item>
-          <el-form-item v-if='dataList.taskTypeKey == 3' label="移库任务编号">
+          <el-form-item v-if="dataList.taskTypeKey == 3" label="移库任务编号">
             <el-input
-            @input="selectTaskNo"
+              @input="selectTaskNo"
               v-model="dataList.moveTaskNo"
               placeholder="请输入移库任务编号"
               class="typeselect"
@@ -118,7 +126,7 @@
           <!-- 货名 -->
           <el-form-item label="货名" class="huom">
             <el-select
-            :disabled='dataList.taskTypeKey != 3'
+              :disabled="dataList.taskTypeKey != 3"
               v-model="dataList.goodsName"
               placeholder="货名"
               class="huom"
@@ -133,7 +141,11 @@
             </el-select>
           </el-form-item>
           <!--重量（吨）-->
-          <el-form-item label="重量（吨）" span="1" style=" margin-left: 350px; margin-top: -40px" >
+          <el-form-item
+            label="重量（吨）"
+            span="1"
+            style="margin-left: 350px; margin-top: -40px"
+          >
             <el-input
               v-model="dataList.weight"
               placeholder="请输入重量"
@@ -161,18 +173,22 @@
           <!--容重（克/升）>=-->
           <el-form-item label="容重（克/升）>=">
             <el-input
-            @input='bulkDensitychange'
+              @input="bulkDensitychange"
               v-model="dataList.bulkDensity"
               placeholder="请输入容重"
               maxlength="120"
-              size="small" 
+              size="small"
               class="huom"
             />
           </el-form-item>
           <!--水分（%）<=-->
-          <el-form-item label="水分（%）<=" span="1" style=" margin-left: 350px; margin-top: -40px" >
+          <el-form-item
+            label="水分（%）<="
+            span="1"
+            style="margin-left: 350px; margin-top: -40px"
+          >
             <el-input
-            @input='waterContentchange'
+              @input="waterContentchange"
               v-model="dataList.waterContent"
               placeholder="请输入水分占比"
               maxlength="120"
@@ -181,9 +197,13 @@
             />
           </el-form-item>
           <!--单价(元/吨)-->
-          <el-form-item label="单价(元/吨)" span="1" style=" margin-left: 650px; margin-top: -40px" >
+          <el-form-item
+            label="单价(元/吨)"
+            span="1"
+            style="margin-left: 650px; margin-top: -40px"
+          >
             <el-input
-            @input='unitPricechange'
+              @input="unitPricechange"
               v-model="dataList.unitPrice"
               placeholder="请输入单价"
               maxlength="120"
@@ -223,29 +243,37 @@
             </el-select>
           </el-form-item>
           <!--业务描述=-->
-          <el-form-item v-if='dataList.taskTypeKey != 3' label="业务描述" span="20">
+          <el-form-item
+            v-if="dataList.taskTypeKey != 3"
+            label="业务描述"
+            span="20"
+          >
             <el-input
               v-model="dataList.businessDescribe"
               placeholder="请输入业务描述，不超过150字"
               maxlength="150"
               size="large"
-              
             />
           </el-form-item>
         </el-form>
       </div>
       <div v-show="dataList.taskTypeKey != 1" class="center1">
         <img
-            style="position: relative; top: 40px; left: 300px;" 
-            width="19"
-            height="19"
-            src="../../../public/img/cangku.png"
-            alt=""
-          />
+          style="position: relative; top: 40px; left: 300px"
+          width="19"
+          height="19"
+          src="../../../public/img/cangku.png"
+          alt=""
+        />
         <div class="small-title">
           <h3>入库任务({{ inOutTaskNo1 }} )</h3>
         </div>
-        <el-form v-if='!deletetask' ref="form" :model="form" label-width="140px">
+        <el-form
+          v-if="!deletetask"
+          ref="form"
+          :model="form"
+          label-width="140px"
+        >
           <!-- 仓库名 -->
           <el-form-item label="仓库名">
             <el-select
@@ -264,7 +292,7 @@
           <!-- 入库类型 -->
           <el-form-item label="入库类型">
             <el-select
-            :disabled='dataList.taskTypeKey == 3||dataList.taskTypeKey == 4'
+              :disabled="dataList.taskTypeKey == 3 || dataList.taskTypeKey == 4"
               v-model="dataList1.inOutType"
               placeholder="请选择入库类型"
               class="typeselect"
@@ -286,9 +314,9 @@
             </el-select>
           </el-form-item>
           <!-- 合同编号 -->
-          <el-form-item v-if='dataList1.taskTypeKey != 3' label="合同编号">
+          <el-form-item v-if="dataList1.taskTypeKey != 3" label="合同编号">
             <el-select
-            @change='changecontract1'
+              @change="changecontract1"
               v-model="dataList1.contractNo"
               placeholder="请输入合同编号"
               class="typeselect"
@@ -301,9 +329,9 @@
               ></el-option>
             </el-select>
           </el-form-item>
-          <el-form-item v-if='dataList1.taskTypeKey == 3' label="移库任务编号">
+          <el-form-item v-if="dataList1.taskTypeKey == 3" label="移库任务编号">
             <el-input
-            disabled
+              disabled
               v-model="dataList1.moveTaskNo"
               placeholder="请输入移库任务编号"
               class="typeselect"
@@ -319,7 +347,7 @@
           <!-- 货名 -->
           <el-form-item label="货名" class="huom">
             <el-select
-            :disabled='dataList.taskTypeKey != 3'
+            :disabled='dataList.taskTypeKey != 3 || dataList.taskTypeKey == 3'
               v-model="dataList.goodsName"
               placeholder="货名"
               class="huom"
@@ -334,21 +362,24 @@
             </el-select>
           </el-form-item>
           <!--重量（吨）-->
-          <el-form-item label="重量（吨）" span="1" style=" margin-left: 350px; margin-top: -40px"  >
+          <el-form-item
+            label="重量（吨）"
+            span="1"
+            style="margin-left: 350px; margin-top: -40px"
+          >
             <el-input
-            @input='weightchange'
+              @input="weightchange"
               v-model="dataList1.weight"
               placeholder="请输入重量"
               maxlength="120"
               size="small"
               class="huom"
-              
             />
           </el-form-item>
           <!-- 品级 -->
           <el-form-item label="品级">
             <el-select
-            :disabled='dataList.taskTypeKey == 3'
+              :disabled="dataList.taskTypeKey == 3"
               v-model="dataList1.grade"
               placeholder=""
               class="typeselect"
@@ -365,8 +396,8 @@
           <!--容重（克/升）>=-->
           <el-form-item label="容重（克/升）>=">
             <el-input
-            @input='bulkDensitychange'
-            :disabled='dataList.taskTypeKey == 3'
+              @input="bulkDensitychange"
+              :disabled="dataList.taskTypeKey == 3"
               v-model="dataList1.bulkDensity"
               placeholder="请输入容重"
               maxlength="120"
@@ -375,10 +406,14 @@
             />
           </el-form-item>
           <!--水分（%）<=-->
-          <el-form-item label="水分（%）<="  span="1" style=" margin-left: 350px; margin-top: -40px">
+          <el-form-item
+            label="水分（%）<="
+            span="1"
+            style="margin-left: 350px; margin-top: -40px"
+          >
             <el-input
-            @input='waterContentchange'
-            :disabled='dataList.taskTypeKey == 3'
+              @input="waterContentchange"
+              :disabled="dataList.taskTypeKey == 3"
               v-model="dataList1.waterContent"
               placeholder="请输入水分占比"
               maxlength="120"
@@ -387,10 +422,14 @@
             />
           </el-form-item>
           <!--单价(元/吨)-->
-          <el-form-item label="单价(元/吨)" span="1" style=" margin-left: 650px; margin-top: -40px" >
+          <el-form-item
+            label="单价(元/吨)"
+            span="1"
+            style="margin-left: 650px; margin-top: -40px"
+          >
             <el-input
-            @input='unitPricechange'
-            :disabled='dataList.taskTypeKey == 3'
+              @input="unitPricechange"
+              :disabled="dataList.taskTypeKey == 3"
               v-model="dataList1.unitPrice"
               placeholder="请输入单价"
               maxlength="120"
@@ -430,7 +469,7 @@
             </el-select>
           </el-form-item>
           <!--业务描述=-->
-          <el-form-item v-if='dataList.taskTypeKey != 4' label="业务描述">
+          <el-form-item v-if="dataList.taskTypeKey != 4" label="业务描述">
             <el-input
               v-model="dataList1.businessDescribe"
               placeholder="请输入业务描述，不超过150字"
@@ -444,7 +483,7 @@
         <!--出库=-->
         <div class="small-title">
           <img
-            style="position: relative; top: 40px; left: -22px;" 
+            style="position: relative; top: 40px; left: -22px"
             width="19"
             height="19"
             src="../../../public/img/cangku.png"
@@ -453,7 +492,6 @@
           <h3>出库任务({{ inOutTaskNo }})</h3>
         </div>
         <el-form ref="dataList" :model="dataList" label-width="140px">
-          
           <!-- 仓库名 -->
           <el-form-item label="仓库名">
             <el-select
@@ -472,8 +510,8 @@
           </el-form-item>
           <!-- 出库类型 -->
           <el-form-item label="出库类型">
-            <el-select              
-            :disabled='dataList.taskTypeKey == 3||dataList.taskTypeKey == 4'
+            <el-select
+              :disabled="dataList.taskTypeKey == 3 || dataList.taskTypeKey == 4"
               v-model="dataList.inOutType"
               placeholder="请选择出库类型"
               class="typeselect"
@@ -495,9 +533,9 @@
             </el-select>
           </el-form-item>
           <!-- 合同编号 -->
-          <el-form-item v-if='dataList.taskTypeKey != 3' label="合同编号">
+          <el-form-item v-if="dataList.taskTypeKey != 3" label="合同编号">
             <el-select
-            @change='changecontract'
+              @change="changecontract"
               v-model="dataList.contractNo"
               placeholder="请输入合同编号"
               class="typeselect"
@@ -510,9 +548,9 @@
               ></el-option>
             </el-select>
           </el-form-item>
-          <el-form-item v-if='dataList.taskTypeKey == 3' label="移库任务编号">
+          <el-form-item v-if="dataList.taskTypeKey == 3" label="移库任务编号">
             <el-select
-            @change="selectTaskNo"
+              @change="selectTaskNo"
               v-model="dataList.moveTaskNo"
               placeholder="请输入移库任务编号"
               class="typeselect"
@@ -526,9 +564,9 @@
             </el-select>
           </el-form-item>
           <!-- 货名 -->
-          <el-form-item label="货名" class="huom" >
+          <el-form-item label="货名" class="huom">
             <el-select
-            :disabled='dataList.taskTypeKey != 3'
+              :disabled="dataList.taskTypeKey != 3"
               v-model="dataList.goodsName"
               placeholder="货名"
               class="huom"
@@ -543,9 +581,13 @@
             </el-select>
           </el-form-item>
           <!--重量（吨）-->
-          <el-form-item label="重量（吨）" span="1" style=" margin-left: 350px; margin-top: -40px">
+          <el-form-item
+            label="重量（吨）"
+            span="1"
+            style="margin-left: 350px; margin-top: -40px"
+          >
             <el-input
-            :disabled='dataList.taskTypeKey == 4'
+              :disabled="dataList.taskTypeKey == 4"
               v-model="dataList.weight"
               placeholder="请输入重量"
               maxlength="120"
@@ -556,7 +598,7 @@
           <!-- 品级 -->
           <el-form-item label="品级">
             <el-select
-            :disabled='dataList.taskTypeKey == 3||dataList.taskTypeKey == 4'
+              :disabled="dataList.taskTypeKey == 3 || dataList.taskTypeKey == 4"
               v-model="dataList.grade"
               placeholder=""
               class="typeselect"
@@ -573,7 +615,7 @@
           <!--容重（克/升）>=-->
           <el-form-item label="容重（克/升）>=">
             <el-input
-            :disabled='dataList.taskTypeKey == 3||dataList.taskTypeKey == 4'
+              :disabled="dataList.taskTypeKey == 3 || dataList.taskTypeKey == 4"
               v-model="dataList.bulkDensity"
               placeholder="请输入容重"
               maxlength="120"
@@ -582,9 +624,13 @@
             />
           </el-form-item>
           <!--水分（%）<=-->
-          <el-form-item label="水分（%）<=" span="1" style=" margin-left: 350px; margin-top: -40px">
+          <el-form-item
+            label="水分（%）<="
+            span="1"
+            style="margin-left: 350px; margin-top: -40px"
+          >
             <el-input
-            :disabled='dataList.taskTypeKey == 3||dataList.taskTypeKey == 4'
+              :disabled="dataList.taskTypeKey == 3 || dataList.taskTypeKey == 4"
               v-model="dataList.waterContent"
               placeholder="请输入水分占比"
               maxlength="120"
@@ -593,14 +639,18 @@
             />
           </el-form-item>
           <!--单价(元/吨)-->
-          <el-form-item label="单价(元/吨)" span="1" style=" margin-left: 650px; margin-top: -40px">
+          <el-form-item
+            label="单价(元/吨)"
+            span="1"
+            style="margin-left: 650px; margin-top: -40px"
+          >
             <el-input
-            :disabled='dataList.taskTypeKey == 3||dataList.taskTypeKey == 4'
+              :disabled="dataList.taskTypeKey == 3 || dataList.taskTypeKey == 4"
               v-model="dataList.unitPrice"
               placeholder="请输入单价"
               maxlength="120"
               size="small"
-               class="huom"
+              class="huom"
             />
           </el-form-item>
           <!--预计出库日期-->
@@ -660,7 +710,7 @@ import {
   xialaNo,
   addoreditoutput,
   outexamine,
-  getGoodsName
+  getGoodsName,
 } from '@/model/tasksport/index'
 import { packList } from '@/model/contarct/index'
 import { pullDown, getstaff } from '@/model/warehouse/index'
@@ -683,31 +733,33 @@ export default {
     isShow(val) {
       this.showType = val
     },
-    flag(val){
+    flag(val) {
       xialaNo({
         compId: this.compId,
-        flag: val
+        flag: val,
       })
         .toPromise()
         .then((response) => {
-          if(this.dataList1.taskTypeKey == 2 || this.dataList1.taskTypeKey == 4){
-              this.contractNoList1 = response
-              if(this.dataList1.taskTypeKey == 2){
-                this.contractNoList = response
-              }
-          }
-          else{
+          if (
+            this.dataList1.taskTypeKey == 2 ||
+            this.dataList1.taskTypeKey == 4
+          ) {
+            this.contractNoList1 = response
+            if (this.dataList1.taskTypeKey == 2) {
               this.contractNoList = response
+            }
+          } else {
+            this.contractNoList = response
           }
         })
-    }
+    },
   },
   computed: {
     ...mapGetters(['deptBudgetList']),
   },
   data() {
     return {
-      flag:1,
+      flag: 1,
       //弹出框
       dialogViewSpareMoney: false,
       dialogApproveFormVisible: false,
@@ -717,7 +769,7 @@ export default {
       tableDate: [],
       // 是否显示
       showType: true,
-      disabled:false,
+      disabled: false,
       // 年
       year: '',
       contractNoList: [],
@@ -748,7 +800,7 @@ export default {
       warehouseNameList1: [],
       appendixIdsAdd: '',
       uploadSuccess: {},
-      deletetask:false,
+      deletetask: false,
       warehouseInOutDetail: {},
       onChange: {},
       deptBudgetList1: [],
@@ -825,9 +877,9 @@ export default {
 
       return arr.join('')
     },
-    selectTaskNo(e){
-      if(this.dataList.taskTypeKey==3){
-        this.$set(this.dataList1,'moveTaskNo',e)
+    selectTaskNo(e) {
+      if (this.dataList.taskTypeKey == 3) {
+        this.$set(this.dataList1, 'moveTaskNo', e)
       }
     },
     dataFilter(val) {
@@ -848,67 +900,83 @@ export default {
         this.options = this.staffList
       }
     },
-    weightchange(e){
-      if(this.dataList.taskTypeKey==4){
-        this.$set(this.dataList,'weight',e)
+    weightchange(e) {
+      if (this.dataList.taskTypeKey == 4) {
+        this.$set(this.dataList, 'weight', e)
       }
     },
-    bulkDensitychange(e){
-      if(this.dataList.taskTypeKey==4){
-        this.$set(this.dataList,'bulkDensity',e)
-      }else if(this.dataList1.taskTypeKey==3){
-        this.$set(this.dataList1,'bulkDensity',e)
+    bulkDensitychange(e) {
+      if (this.dataList.taskTypeKey == 4) {
+        this.$set(this.dataList, 'bulkDensity', e)
+      } else if (this.dataList1.taskTypeKey == 3) {
+        this.$set(this.dataList1, 'bulkDensity', e)
       }
     },
-    waterContentchange(e){
-      if(this.dataList.taskTypeKey==4){
-        this.$set(this.dataList,'waterContent',e)
-      }else if(this.dataList1.taskTypeKey==3){
-        this.$set(this.dataList1,'waterContent',e)
+    waterContentchange(e) {
+      if (this.dataList.taskTypeKey == 4) {
+        this.$set(this.dataList, 'waterContent', e)
+      } else if (this.dataList1.taskTypeKey == 3) {
+        this.$set(this.dataList1, 'waterContent', e)
       }
     },
-    unitPricechange(e){
-      if(this.dataList.taskTypeKey==4){
-        this.$set(this.dataList,'unitPrice',e)
-      }else if(this.dataList1.taskTypeKey==3){
-        this.$set(this.dataList1,'unitPrice',e)
+    unitPricechange(e) {
+      if (this.dataList.taskTypeKey == 4) {
+        this.$set(this.dataList, 'unitPrice', e)
+      } else if (this.dataList1.taskTypeKey == 3) {
+        this.$set(this.dataList1, 'unitPrice', e)
       }
     },
     changecontract(e){
-      if(this.dataList.taskTypeKey!=3){
+      if(this.dataList.taskTypeKey != 3 ){
         for (let i = 0; i < this.contractNoList.length; i++) {
-          if(this.contractNoList[i].contractNo==e){
-            getGoodsName({ contractId:this.contractNoList[i].id,contractNo:this.contractNoList[i].contractNo}) .toPromise()
-            .then((response) => {
-              this.$set(this.dataList,'goodsName',response.goodsName)
-              this.$set(this.dataList,'goodsNameKey',response.goodsNameKey)
-              this.$set(this.dataList,'grade',response.grade)
-              this.$set(this.dataList,'gradeKey',response.gradeKey)
-              this.$set(this.dataList,'waterContent',response.waterContent)
-              this.$set(this.dataList,'bulkDensity',response.bulkDensity)
-              this.$set(this.dataList,'weight',response.weight)
-              this.$set(this.dataList,'unitPrice',response.unitContractPrice)
+          if (this.contractNoList[i].contractNo == e) {
+            getGoodsName({
+              contractId: this.contractNoList[i].id,
+              contractNo: this.contractNoList[i].contractNo,
             })
-          } 
+              .toPromise()
+              .then((response) => {
+                this.$set(this.dataList, 'goodsName', response.goodsName)
+                this.$set(this.dataList, 'goodsNameKey', response.goodsNameKey)
+                this.$set(this.dataList, 'grade', response.grade)
+                this.$set(this.dataList, 'gradeKey', response.gradeKey)
+                this.$set(this.dataList, 'waterContent', response.waterContent)
+                this.$set(this.dataList, 'bulkDensity', response.bulkDensity)
+                this.$set(this.dataList, 'weight', response.weight)
+                this.$set(
+                  this.dataList,
+                  'unitPrice',
+                  response.unitContractPrice
+                )
+              })
+          }
         }
       }
     },
     changecontract1(e){
-      if(this.dataList1.taskTypeKey!=3){
+      if(this.dataList1.taskTypeKey != 3 ){
         for (let i = 0; i < this.contractNoList.length; i++) {
-          if(this.contractNoList[i].contractNo==e){
-            getGoodsName({ contractId:this.contractNoList[i].id,contractNo:this.contractNoList[i].contractNo}) .toPromise()
-            .then((response) => {
-              this.$set(this.dataList1,'goodsName',response.goodsName)
-              this.$set(this.dataList1,'goodsNameKey',response.goodsNameKey)
-              this.$set(this.dataList1,'grade',response.grade)
-              this.$set(this.dataList1,'gradeKey',response.gradeKey)
-              this.$set(this.dataList1,'waterContent',response.waterContent)
-              this.$set(this.dataList1,'bulkDensity',response.bulkDensity)
-              this.$set(this.dataList1,'weight',response.weight)
-              this.$set(this.dataList1,'unitPrice',response.unitContractPrice)
+          if (this.contractNoList[i].contractNo == e) {
+            getGoodsName({
+              contractId: this.contractNoList[i].id,
+              contractNo: this.contractNoList[i].contractNo,
             })
-          } 
+              .toPromise()
+              .then((response) => {
+                this.$set(this.dataList1, 'goodsName', response.goodsName)
+                this.$set(this.dataList1, 'goodsNameKey', response.goodsNameKey)
+                this.$set(this.dataList1, 'grade', response.grade)
+                this.$set(this.dataList1, 'gradeKey', response.gradeKey)
+                this.$set(this.dataList1, 'waterContent', response.waterContent)
+                this.$set(this.dataList1, 'bulkDensity', response.bulkDensity)
+                this.$set(this.dataList1, 'weight', response.weight)
+                this.$set(
+                  this.dataList1,
+                  'unitPrice',
+                  response.unitContractPrice
+                )
+              })
+          }
         }
       }
     },
@@ -940,10 +1008,9 @@ export default {
     },
     //提交按钮
     submit() {
-      this.dataList.inOutFlag=1
-      this.dataList1.inOutFlag=2
+      this.dataList.inOutFlag = 1
+      this.dataList1.inOutFlag = 2
       if (this.dataList.taskTypeKey == 1) {
-        
         this.dataList.inOutTaskNo = this.inOutTaskNo
         this.requestadd(this.dataList)
       } else if (this.dataList1.taskTypeKey == 2) {
@@ -955,17 +1022,16 @@ export default {
       ) {
         this.dataList.inOutTaskNo = this.inOutTaskNo
         this.dataList.relevanceId = this.GetRandomNum(100000, 999999)
-        if(this.dataList.taskTypeKey == 3){
-          this.dataList.businessDescribe=this.dataList1.businessDescribe
-        }else{
-          this.dataList1.businessDescribe=this.dataList.businessDescribe
+        if (this.dataList.taskTypeKey == 3) {
+          this.dataList.businessDescribe = this.dataList1.businessDescribe
+        } else {
+          this.dataList1.businessDescribe = this.dataList.businessDescribe
         }
         this.requestadd(this.dataList, 'repetition')
         this.dataList1.inOutTaskNo = this.inOutTaskNo1
         this.dataList1.relevanceId = this.dataList.relevanceId
         this.requestadd(this.dataList1, 'repetition')
       }
-      
     },
     selectwarehouseName() {},
     tarechange(e) {
@@ -1000,9 +1066,9 @@ export default {
       for (var i = 0; i < this.gradeList.length; i++) {
         if (this.gradeList[i].constValue == e) {
           this.dataList.gradeKey = this.gradeList[i].constKey
-          if(this.dataList.taskTypeKey==3){
-            this.$set(this.dataList1,'grade',e)
-            this.$set(this.dataList1,'gradeKey',this.gradeList[i].constKey)
+          if (this.dataList.taskTypeKey == 3) {
+            this.$set(this.dataList1, 'grade', e)
+            this.$set(this.dataList1, 'gradeKey', this.gradeList[i].constKey)
           }
         }
       }
@@ -1011,17 +1077,21 @@ export default {
       for (var i = 0; i < this.gradeList.length; i++) {
         if (this.gradeList[i].constValue == e) {
           this.dataList1.packingMethodKey = this.gradeList[i].constKey
-          if(this.dataList1.taskTypeKey==4){
-            this.$set(this.dataList,'grade',e)
-            this.$set(this.dataList,'gradeKey',this.gradeList[i].constKey)
+          if (this.dataList1.taskTypeKey == 4) {
+            this.$set(this.dataList, 'grade', e)
+            this.$set(this.dataList, 'gradeKey', this.gradeList[i].constKey)
           }
         }
       }
     },
     selectstorageType(e) {
-      switch(e){
-        case "采购出库": this.flag = 0;break
-        case "销售出库": this.flag = 1;break
+      switch (e) {
+        case '采购出库':
+          this.flag = 0
+          break
+        case '销售出库':
+          this.flag = 1
+          break
       }
       for (var i = 0; i < this.storageType.length; i++) {
         if (this.storageType[i].constValue == e) {
@@ -1030,9 +1100,13 @@ export default {
       }
     },
     selectstorageType1(e) {
-      switch(e){
-        case "采购入库": this.flag = 0;break
-        case "退库": this.flag = 2;break
+      switch (e) {
+        case '采购入库':
+          this.flag = 0
+          break
+        case '退库':
+          this.flag = 2
+          break
       }
       for (var i = 0; i < this.storageType1.length; i++) {
         if (this.storageType1[i].constValue == e) {
@@ -1062,11 +1136,11 @@ export default {
       } else if (this.dataList.taskTypeKey == 2) {
         this.inOutTaskNo1 = 'RK' + this.getdate() + this.verifyinit()
       } else if (this.dataList.taskTypeKey == 3) {
-        var random=this.getdate() + this.verifyinit()
+        var random = this.getdate() + this.verifyinit()
         this.inOutTaskNo = 'YKC' + random
         this.inOutTaskNo1 = 'YKR' + random
       } else if (this.dataList.taskTypeKey == 4) {
-        var random=this.getdate() + this.verifyinit()
+        var random = this.getdate() + this.verifyinit()
         this.inOutTaskNo = 'TCC' + random
         this.inOutTaskNo1 = 'TCR' + random
       }
@@ -1076,29 +1150,28 @@ export default {
         this.tasknumber()
       }
       this.dataList1.taskTypeKey = e
-      if(this.dataList.taskTypeKey==1){
-        this.dataList.inOutType='销售出库'
-        this.dataList.inOutTypeKey='1'
+      if (this.dataList.taskTypeKey == 1) {
+        this.dataList.inOutType = '销售出库'
+        this.dataList.inOutTypeKey = '1'
         this.flag = 1
       }
-      if(this.dataList1.taskTypeKey==2){
-        this.dataList1.inOutType='采购入库'
-        this.dataList1.inOutTypeKey='1'
+      if (this.dataList1.taskTypeKey == 2) {
+        this.dataList1.inOutType = '采购入库'
+        this.dataList1.inOutTypeKey = '1'
         this.flag = 0
-      }
-      else if(this.dataList1.taskTypeKey==3){
-        this.disabled=true
-        this.dataList1.inOutType='移库入库'
-        this.dataList1.inOutTypeKey='3'
-        this.dataList.inOutType='移库出库'
-        this.dataList.inOutTypeKey='3'
-      }else if(this.dataList1.taskTypeKey==4){
-        this.disabled=true
-        this.dataList1.inOutType='退库'
-        this.dataList1.inOutTypeKey='6'
-        this.dataList.inOutType='销售出库'
+      } else if (this.dataList1.taskTypeKey == 3) {
+        this.disabled = true
+        this.dataList1.inOutType = '移库入库'
+        this.dataList1.inOutTypeKey = '3'
+        this.dataList.inOutType = '移库出库'
+        this.dataList.inOutTypeKey = '3'
+      } else if (this.dataList1.taskTypeKey == 4) {
+        this.disabled = true
+        this.dataList1.inOutType = '退库'
+        this.dataList1.inOutTypeKey = '6'
+        this.dataList.inOutType = '销售出库'
         this.flag = 2
-        this.dataList.inOutTypeKey='1'
+        this.dataList.inOutTypeKey = '1'
       }
     },
     GetRandomNum(Min, Max) {
@@ -1107,17 +1180,17 @@ export default {
       return Min + Math.round(Rand * Range)
     },
     getList() {
-        this.tasknumber()
-        this.$set(this.dataList,'inOutType','销售出库')
-        this.$set(this.dataList,'inOutTypeKey','1')
-        this.$set(this.dataList,'goodsName','玉米')
-        this.$set(this.dataList,'goodsNameKey','1')
-        this.$set(this.dataList,'grade','一等品')
-        this.$set(this.dataList,'gradeKey','1')
-        this.$set(this.dataList1,'goodsName','玉米')
-        this.$set(this.dataList1,'goodsNameKey','1')
-        this.$set(this.dataList1,'grade','一等品')
-        this.$set(this.dataList1,'gradeKey','1')
+      this.tasknumber()
+      this.$set(this.dataList, 'inOutType', '销售出库')
+      this.$set(this.dataList, 'inOutTypeKey', '1')
+      this.$set(this.dataList, 'goodsName', '玉米')
+      this.$set(this.dataList, 'goodsNameKey', '1')
+      this.$set(this.dataList, 'grade', '一等品')
+      this.$set(this.dataList, 'gradeKey', '1')
+      this.$set(this.dataList1, 'goodsName', '玉米')
+      this.$set(this.dataList1, 'goodsNameKey', '1')
+      this.$set(this.dataList1, 'grade', '一等品')
+      this.$set(this.dataList1, 'gradeKey', '1')
       // 货名
       pullDown({ constId: 'CON2' })
         .toPromise()
@@ -1142,7 +1215,7 @@ export default {
         })
       xialaNo({
         compId: this.compId,
-        flag: this.flag
+        flag: this.flag,
       })
         .toPromise()
         .then((response) => {
@@ -1227,38 +1300,29 @@ export default {
           this.historyList = response
         })
     },
-
-    async exportlist() {
-      const { data } = await export1(
-        {
-          compId: sessionStorage.getItem('ws-pf_compId'),
-          contractType: this.contractType,
-          currentPage: this.currentPage,
-          pageSize: this.pageSize,
-          searchType: this.searchType,
-          searchKeyWord: this.searchKeyWord,
-          startDate: this.startDate,
-          endDate: this.endDate,
-        },
-        {},
-        { responseType: 'blob' }
-      ).toPromise()
-      downloadFile({
-        res: data,
-        fileName: `${
-          this.date.year + (this.date.month ? `-${this.date.month}` : '')
-        }_采购合同`,
-        type: 'xls',
-      })
-    },
-
-    // deletecontract(){},
-    //删除
-    approve() {},
-    listQuery() {},
-    total() {},
-    clearfiltQuery() {},
-    selectCrtDuty() {},
+    // async exportlist() {
+    //   const { data } = await export1(
+    //     {
+    //       compId: sessionStorage.getItem('ws-pf_compId'),
+    //       contractType: this.contractType,
+    //       currentPage: this.currentPage,
+    //       pageSize: this.pageSize,
+    //       searchType: this.searchType,
+    //       searchKeyWord: this.searchKeyWord,
+    //       startDate: this.startDate,
+    //       endDate: this.endDate,
+    //     },
+    //     {},
+    //     { responseType: 'blob' }
+    //   ).toPromise()
+    //   downloadFile({
+    //     res: data,
+    //     fileName: `${
+    //       this.date.year + (this.date.month ? `-${this.date.month}` : '')
+    //     }_采购合同`,
+    //     type: 'xls',
+    //   })
+    // },
   },
 }
 </script>
@@ -1395,38 +1459,36 @@ export default {
   position: relative;
   width: 100%;
 }
-.annu{
+.annu {
   height: 81px;
-  background: #FFFFFF;
+  background: #ffffff;
   border-radius: 4px;
 }
- 
-.basicInformation
-.el-form-item {
-    width: 50.3333%;
-    border: none;
-    margin: 0;
+
+.basicInformation .el-form-item {
+  width: 50.3333%;
+  border: none;
+  margin: 0;
 }
-.huom{
+.huom {
   width: 100px;
-  
 }
-.el-form{
+.el-form {
   font-size: 14px;
   font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
-  color: #8890B1;
+  color: #8890b1;
   line-height: 16px;
 }
-.a{
+.a {
   margin-left: -32px;
 }
- .el-radio-group {
-    margin-left: 251px;
+.el-radio-group {
+  margin-left: 251px;
 }
-.ding{
+.ding {
   height: 23px;
-  background: #E8ECF6;
+  background: #e8ecf6;
   box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
 }
 .winseaview-view {
@@ -1437,18 +1499,18 @@ export default {
   height: 93vh;
 }
 .el-radio-group {
-    font-size: 0;
-    margin-top: 20px;
+  font-size: 0;
+  margin-top: 20px;
 }
 /deep/.el-form {
-    padding: 0 15%;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    margin-left: 130px;
-    margin-top: 15px;
-    width: 110%;
+  padding: 0 15%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-left: 130px;
+  margin-top: 15px;
+  width: 110%;
 }
 </style>

src/views/tranManagement/tranManagementDriverEdit.vue

@@ -1,4 +1,4 @@
-//添加司机
+//司机编辑
 <template>
   <div class="container">
     <el-row>
@@ -6,7 +6,12 @@
         <h2 class="bg-left title">编辑司机</h2>
       </el-col>
       <el-col :span="12" class="bg-right">
-        <el-button class="bg-bottom" type="primary" size="small" @click="returnsales()">
+        <el-button
+          class="bg-bottom"
+          type="primary"
+          size="small"
+          @click="returnsales()"
+        >
           <img
             width="6"
             height="10"
@@ -18,12 +23,21 @@
       </el-col>
     </el-row>
 
-    <ws-form ref="deptBudgetList" :rules="mainReportAdd" :model="deptBudgetList">
+    <ws-form
+      ref="deptBudgetList"
+      :rules="mainReportAdd"
+      :model="deptBudgetList"
+    >
       <div class="small-title">司机信息</div>
       <div class="drivermessage">
         <ws-info-table>
           <!--司机姓名-->
-          <ws-form-item label="姓名" span="1" prop="contractNo" class="readonly bg-right">
+          <ws-form-item
+            label="姓名"
+            span="1"
+            prop="contractNo"
+            class="readonly bg-right"
+          >
             <ws-input
               v-model="deptBudgetList.driverName"
               placeholder="请输入司机姓名"
@@ -32,7 +46,12 @@
             />
           </ws-form-item>
           <!--手机号-->
-          <ws-form-item label="手机号" span="1" prop="driverPhone" class="readonly">
+          <ws-form-item
+            label="手机号"
+            span="1"
+            prop="driverPhone"
+            class="readonly"
+          >
             <ws-input
               v-model="deptBudgetList.driverPhone"
               placeholder="请输入手机号"
@@ -56,7 +75,12 @@
           </ws-form-item>
 
           <!--身份证号-->
-          <ws-form-item label="身份证号" span="1" prop="driverNo" class="readonly">
+          <ws-form-item
+            label="身份证号"
+            span="1"
+            prop="driverNo"
+            class="readonly"
+          >
             <ws-input
               v-model="deptBudgetList.numberCard"
               placeholder="请输入身份证号"
@@ -69,7 +93,11 @@
         <span v-if="age && age > 60" class="big">{{ age }}岁</span>
       </div>
     </ws-form>
-    <ws-form ref="deptBudgetList" :rules="mainReportAdd" :model="deptBudgetList">
+    <ws-form
+      ref="deptBudgetList"
+      :rules="mainReportAdd"
+      :model="deptBudgetList"
+    >
       <div class="small-title">货车信息</div>
       <div
         style="width: 100%"
@@ -98,8 +126,19 @@
           </div>
           <ws-info-table class="el-table">
             <!--车牌号-->
-            <ws-form-item label="车牌号" span="1" prop="carNumber" class="forlist" width="400px">
-              <ws-input v-model="item.carNumber" placeholder="请输入车牌号" maxlength="20" size="small" />
+            <ws-form-item
+              label="车牌号"
+              span="1"
+              prop="carNumber"
+              class="forlist"
+              width="400px"
+            >
+              <ws-input
+                v-model="item.carNumber"
+                placeholder="请输入车牌号"
+                maxlength="20"
+                size="small"
+              />
             </ws-form-item>
             <!--车型-->
             <ws-form-item label="车型" span="1" prop="carModel" class="forlist">
@@ -122,7 +161,12 @@
               </ws-select>
             </ws-form-item>
             <!--车长-->
-            <ws-form-item label="不含车头车长（米）" span="1" prop="carLength" class="forlist">
+            <ws-form-item
+              label="不含车头车长（米）"
+              span="1"
+              prop="carLength"
+              class="forlist"
+            >
               <ws-select
                 v-model="item.carLength"
                 placeholder
@@ -143,11 +187,21 @@
             </ws-form-item>
             <!--载重-->
             <ws-form-item label="载重" span="1" prop="carLoad" class="forlist">
-              <ws-input v-model="item.carLoad" placeholder="请输入载重" maxlength="100" size="small" />
+              <ws-input
+                v-model="item.carLoad"
+                placeholder="请输入载重"
+                maxlength="100"
+                size="small"
+              />
             </ws-form-item>
 
             <!--出厂年份-->
-            <ws-form-item label="出厂年份" span="1" prop="yearManufacture" class="forlist">
+            <ws-form-item
+              label="出厂年份"
+              span="1"
+              prop="yearManufacture"
+              class="forlist"
+            >
               <ws-input
                 v-model="item.yearManufacture"
                 placeholder="请输入年份"
@@ -159,7 +213,11 @@
         </div>
       </div>
     </ws-form>
-    <ws-form ref="deptBudgetList" :rules="mainReportAdd" :model="deptBudgetList">
+    <ws-form
+      ref="deptBudgetList"
+      :rules="mainReportAdd"
+      :model="deptBudgetList"
+    >
       <div class="small-title">收款人账户信息</div>
       <div
         style="width: 100%"
@@ -188,13 +246,27 @@
           </div>
           <ws-info-table class="el-table">
             <!--账户类型-->
-            <ws-form-item label="账户类型" span="1" prop="contractNo" class="el-car bg-right">
-              <el-radio v-model="item.accountTypeFlag" label="1">私人账号</el-radio>
-              <el-radio v-model="item.accountTypeFlag" label="2">企业账户</el-radio>
+            <ws-form-item
+              label="账户类型"
+              span="1"
+              prop="contractNo"
+              class="el-car bg-right"
+            >
+              <el-radio v-model="item.accountTypeFlag" label="1"
+                >私人账号</el-radio
+              >
+              <el-radio v-model="item.accountTypeFlag" label="2"
+                >企业账户</el-radio
+              >
             </ws-form-item>
             <!--账号-->
             <ws-form-item label="账号" span="1" prop="bankCard" class="el-car">
-              <ws-input v-model="item.bankCard" placeholder="请输入账号" maxlength="100" size="small" />
+              <ws-input
+                v-model="item.bankCard"
+                placeholder="请输入账号"
+                maxlength="100"
+                size="small"
+              />
               <el-upload
                 action="https://www.zthymaoyi.com/upload/admin"
                 :show-file-list="false"
@@ -220,7 +292,12 @@
               </el-upload>
             </ws-form-item>
             <!--开户行-->
-            <ws-form-item label="开户行" span="1" prop="bankDeposit" class="el-car">
+            <ws-form-item
+              label="开户行"
+              span="1"
+              prop="bankDeposit"
+              class="el-car"
+            >
               <ws-input
                 v-model="item.bankDeposit"
                 placeholder="请输入开户行"
@@ -237,11 +314,28 @@
               class="el-car"
               width="150px"
             >
-              <ws-input v-model="item.payeeName" placeholder="请输入姓名" maxlength="100" size="small" />
+              <ws-input
+                v-model="item.payeeName"
+                placeholder="请输入姓名"
+                maxlength="100"
+                size="small"
+              />
             </ws-form-item>
             <!--企业名称-->
-            <ws-form-item label="企业名称" v-else span="1" prop="compName" class="el-car" width="150px">
-              <ws-input v-model="item.compName" placeholder="请输入企业名称" maxlength="100" size="small" />
+            <ws-form-item
+              label="企业名称"
+              v-else
+              span="1"
+              prop="compName"
+              class="el-car"
+              width="150px"
+            >
+              <ws-input
+                v-model="item.compName"
+                placeholder="请输入企业名称"
+                maxlength="100"
+                size="small"
+              />
             </ws-form-item>
 
             <!--身份证号-->
@@ -282,7 +376,12 @@
                 />
               </el-upload>
             </ws-form-item>
-            <ws-form-item label="开户支行" span="1" prop="bankDepositBranch" class="el-car">
+            <ws-form-item
+              label="开户支行"
+              span="1"
+              prop="bankDepositBranch"
+              class="el-car"
+            >
               <ws-select
                 v-model="item.bankDepositBranch"
                 placeholder
@@ -305,9 +404,14 @@
         </div>
       </div>
     </ws-form>
-    <ws-form ref="deptBudgetList" :rules="mainReportAdd" :model="deptBudgetList">
+    <ws-form
+      ref="deptBudgetList"
+      :rules="mainReportAdd"
+      :model="deptBudgetList"
+    >
+     <div class="small-title">相关附件</div>
       <div class="flex">
-        <div>
+        <div >
           <el-upload
             action="https://www.zthymaoyi.com/upload/admin"
             :show-file-list="false"
@@ -315,9 +419,17 @@
             class="avatar-uploader"
             accept=".jpg, .jpeg, .png, .gif"
           >
-            <el-button class="upload button" size="small" type="primary">行驶证</el-button>
+            <el-button class="upload button" size="small" type="primary"
+              >行驶证</el-button
+            >
           </el-upload>
-          <img v-show="addressUrls.travel" width="100" height="100" :src="addressUrls.travel" alt />
+          <img
+            v-show="addressUrls.travel"
+            width="100"
+            height="100"
+            :src="addressUrls.travel"
+            alt
+          />
         </div>
         <div>
           <el-upload
@@ -327,9 +439,17 @@
             class="avatar-uploader"
             accept=".jpg, .jpeg, .png, .gif"
           >
-            <el-button class="upload button" size="small" type="primary">驾驶证</el-button>
+            <el-button class="upload button" size="small" type="primary"
+              >驾驶证</el-button
+            >
           </el-upload>
-          <img v-if="addressUrls.drive" width="100" height="100" :src="addressUrls.drive" alt />
+          <img
+            v-if="addressUrls.drive"
+            width="100"
+            height="100"
+            :src="addressUrls.drive"
+            alt
+          />
         </div>
         <div>
           <el-upload
@@ -339,9 +459,17 @@
             class="avatar-uploader"
             accept=".jpg, .jpeg, .png, .gif"
           >
-            <el-button class="upload button-green" size="small" type="primary">道路运营证</el-button>
+            <el-button class="upload button-green" size="small" type="primary"
+              >道路运营证</el-button
+            >
           </el-upload>
-          <img v-if="addressUrls.way" width="100" height="100" :src="addressUrls.way" alt />
+          <img
+            v-if="addressUrls.way"
+            width="100"
+            height="100"
+            :src="addressUrls.way"
+            alt
+          />
         </div>
         <div>
           <el-upload
@@ -350,9 +478,10 @@
             :on-success="uploadSuccessHandlequalification"
             class="avatar-uploader"
             accept=".jpg, .jpeg, .png, .gif"
-           
           >
-            <el-button class="upload button-green" size="small" type="primary">从业资格证</el-button>
+            <el-button class="upload button-green" size="small" type="primary"
+              >从业资格证</el-button
+            >
           </el-upload>
           <img
             v-if="addressUrls.qualification"
@@ -370,7 +499,9 @@
             class="avatar-uploader"
             accept=".jpg, .jpeg, .png, .gif"
           >
-            <el-button class="upload button-yellow" size="small" type="primary">身份证正面</el-button>
+            <el-button class="upload button-yellow" size="small" type="primary"
+              >身份证正面</el-button
+            >
           </el-upload>
           <img
             v-if="addressUrls.identityjust"
@@ -388,7 +519,9 @@
             class="avatar-uploader"
             accept=".jpg, .jpeg, .png, .gif"
           >
-            <el-button class="upload button-yellow" size="small" type="primary">身份证反面</el-button>
+            <el-button class="upload button-yellow" size="small" type="primary"
+              >身份证反面</el-button
+            >
           </el-upload>
           <img
             v-if="addressUrls.identityagainst"
@@ -400,9 +533,16 @@
         </div>
       </div>
     </ws-form>
+  
     <!-- 提交 -->
     <div style="text-align: right; padding: 10px" class="center">
-      <el-button class="bg-bottom" type="primary" size="small" @click="submit(deptBudgetList)">提交</el-button>
+      <el-button
+        class="bg-bottom"
+        type="primary"
+        size="small"
+        @click="submit(deptBudgetList)"
+        >提交</el-button
+      >
     </div>
   </div>
 </template>
@@ -410,7 +550,7 @@
 import {
   provinceAndCityData,
   CodeToText,
-  TextToCode
+  TextToCode,
 } from 'element-china-area-data'
 import {
   lookDriver,
@@ -419,7 +559,7 @@ import {
   getidentity,
   getbank,
   packList,
-  editdriver
+  editdriver,
 } from '@/model/transport/index'
 import WsUpload from '@/components/WsUpload'
 import mapDrag from '@/components/mapdrag/mapdrag'
@@ -427,7 +567,7 @@ export default {
   name: 'viewSpareMoney',
   components: {
     WsUpload,
-    mapDrag
+    mapDrag,
   },
   watch: {
     vesselId(val) {
@@ -435,7 +575,7 @@ export default {
     },
     isShow(val) {
       this.showType = val
-    }
+    },
   },
   data() {
     let self = this
@@ -443,9 +583,9 @@ export default {
       deptBudgetList: {
         totalStorage: 0,
         drivercarInfo: {
-          goodsName: ''
+          goodsName: '',
         },
-        driverPayeeInfo: {}
+        driverPayeeInfo: {},
       },
       radio: '1',
       carModelList: [],
@@ -462,7 +602,7 @@ export default {
       appendixIdsAdd: '',
       size: 10,
       value1: '',
-      fileList:[],
+      fileList: [],
       unitList: [],
       accessoryBankTFs: false,
       freightspace: [
@@ -473,8 +613,8 @@ export default {
           carLength: '13',
           carLengthKey: '1',
           carLoad: '',
-          yearManufacture: ''
-        }
+          yearManufacture: '',
+        },
       ],
       freightspace1: [
         {
@@ -485,12 +625,12 @@ export default {
           payeeNumberCard: '',
           compName: '',
           bankDeposit: '',
-          bankCard: ''
-        }
+          bankCard: '',
+        },
       ],
       name: '',
       age: '',
-      addressUrls: {}
+      addressUrls: {},
     }
   },
   activated() {
@@ -520,16 +660,13 @@ export default {
     loaddata() {
       lookDriver({ id: this.$route.query.id })
         .toPromise()
-        .then(response => {
+        .then((response) => {
           // this.selectedOptions.push()
-          
+
           for (var i = 0; i < response.driverPayeeInfoList.length; i++) {
             if (response.driverPayeeInfoList[i].cardAddressUrl != null) {
-              response.driverPayeeInfoList[
-                i
-              ].cardAddressUrlArray = response.driverPayeeInfoList[
-                i
-              ].cardAddressUrl.split(',')
+              response.driverPayeeInfoList[i].cardAddressUrlArray =
+                response.driverPayeeInfoList[i].cardAddressUrl.split(',')
             } else {
               response.driverPayeeInfoList[i].cardAddressUrlArray = []
             }
@@ -544,18 +681,18 @@ export default {
             TextToCode[this.deptBudgetList.residentCityProvincial][
               this.deptBudgetList.residentCityMunicipal
             ].code
-          this.selectedOptions = tmp         
+          this.selectedOptions = tmp
         })
       // 车型
       packList({ constId: 'TRAN1' })
         .toPromise()
-        .then(response => {
+        .then((response) => {
           this.carModelList = response
         })
       // 车长
       packList({ constId: 'TRAN2' })
         .toPromise()
-        .then(response => {
+        .then((response) => {
           this.carLengthList = response
         })
     },
@@ -569,7 +706,7 @@ export default {
 
       getidentity({ personImg: e.url })
         .toPromise()
-        .then(response => {
+        .then((response) => {
           for (
             var i = 0;
             i < this.deptBudgetList.driverPayeeInfoList.length;
@@ -591,7 +728,7 @@ export default {
       // this.deptBudgetList.cardAddressUrl = e.url
       getbank({ bankImg: e.url })
         .toPromise()
-        .then(response => {
+        .then((response) => {
           for (
             var i = 0;
             i < this.deptBudgetList.driverPayeeInfoList.length;
@@ -640,7 +777,7 @@ export default {
         carLength: '13',
         carLengthKey: '1',
         carLoad: '',
-        yearManufacture: ''
+        yearManufacture: '',
       })
     },
     del(row, index) {
@@ -648,7 +785,7 @@ export default {
         if (row.id) {
           deltrancar({ id: row.id })
             .toPromise()
-            .then(response => {
+            .then((response) => {
               this.$message.success('删除成功')
             })
         }
@@ -664,7 +801,7 @@ export default {
         payeeNumberCard: '',
         compName: '',
         bankDeposit: '',
-        bankCard: ''
+        bankCard: '',
       })
     },
     del1(row, index) {
@@ -672,7 +809,7 @@ export default {
         if (row.id) {
           deltranprocess({ id: row.id })
             .toPromise()
-            .then(response => {
+            .then((response) => {
               this.$message.success('删除成功')
             })
         }
@@ -703,18 +840,16 @@ export default {
     selectcarModel(e, index) {
       for (var i = 0; i < this.carModelList.length; i++) {
         if (this.carModelList[i].constValue == e) {
-          this.deptBudgetList.driverCarInfoList[
-            index
-          ].carModelKey = this.carModelList[i].constKey
+          this.deptBudgetList.driverCarInfoList[index].carModelKey =
+            this.carModelList[i].constKey
         }
       }
     },
     selectcarLength(e, index) {
       for (var i = 0; i < this.carLengthList.length; i++) {
         if (this.carLengthList[i].constValue == e) {
-          this.deptBudgetList.driverCarInfoList[
-            index
-          ].carLengthKey = this.carLengthList[i].constKey
+          this.deptBudgetList.driverCarInfoList[index].carLengthKey =
+            this.carLengthList[i].constKey
         }
       }
     },
@@ -724,13 +859,13 @@ export default {
     },
     onChange(files) {
       this.fileNum = files
-      this.$refs.upload.handleSaveBill().then(res => {
+      this.$refs.upload.handleSaveBill().then((res) => {
         console.log(files)
       })
     },
 
     submit() {
-      this.$refs.deptBudgetList.validate(valid => {
+      this.$refs.deptBudgetList.validate((valid) => {
         if (valid) {
           this.deptBudgetList.compId = sessionStorage.getItem('ws-pf_compId')
           this.deptBudgetList.residentCityProvincial =
@@ -739,8 +874,7 @@ export default {
             CodeToText[this.selectedOptions[1]]
           editdriver(this.deptBudgetList)
             .toPromise()
-            .then(response => {
-              
+            .then((response) => {
               this.$message.success('添加成功')
               this.$router.go(-1)
             })
@@ -752,8 +886,8 @@ export default {
     },
     resetForm(deptBudgetList) {
       this.$refs[deptBudgetList].resetFields()
-    }
-  }
+    },
+  },
 }
 </script>
 

src/views/tranManagement/tranManagementDriverLook.vue

@@ -1,4 +1,4 @@
-//添加司机
+//查看司机
 <template>
   <div class="container">
     <el-row>

src/views/tranManagement/tranManagementReceivingFeedback.vue

@@ -2,28 +2,31 @@
 <template>
   <div>
     <BaseHeaderLayout :leftSpan="8">
-      <template slot="left">
-      </template>
+      <template slot="left"> </template>
       <!-- 接单开始 -->
       <template slot="right">
-        <span style="width: 142px; display: inline-block;color: #8890B1;">状态：</span>
-         <ws-select
+        <span style="width: 142px; display: inline-block; color: #8890b1"
+          >状态：</span
+        >
+        <ws-select
           v-model="searchTypeText"
           placeholder=""
           class="typeselect"
           @change="selecttaskType"
-          :value="searchType"  
+          :value="searchType"
         >
           <ws-option
             v-for="item in taskTypeList"
             :key="item.value"
             :label="item.value"
             :value="item.value"
-            style="color: #8890B1;"
+            style="color: #8890b1"
           />
         </ws-select>
-       <div>
-          <span style="display: inline-block; width: 70px;color: #8890B1;">接单日期：</span>
+        <div>
+          <span style="display: inline-block; width: 70px; color: #8890b1"
+            >接单日期：</span
+          >
         </div>
         <el-date-picker
           v-model="inOutDate"
@@ -33,7 +36,6 @@
           range-separator="至"
           start-placeholder="开始日期"
           end-placeholder="结束日期"
-
         >
         </el-date-picker>
         <ws-input
@@ -63,7 +65,7 @@
       <el-table
         class="wenzi"
         :data="warehouseList.records"
-        style="width: 100%;"
+        style="width: 100%"
         height="780"
       >
         <el-table-column type="index" label="序号" width="80">
@@ -74,35 +76,35 @@
         </el-table-column>
         <el-table-column class="table_td" prop="processNo" label="运输任务编号">
         </el-table-column>
-        <el-table-column prop="tranType" label="运输方式">
-        </el-table-column>
+        <el-table-column prop="tranType" label="运输方式"> </el-table-column>
         <el-table-column class="table_td" prop="goodsName" label="货名">
-
         </el-table-column>
         <el-table-column class="table_td" label="重量（吨）" prop="weight">
-         
         </el-table-column>
-        <el-table-column class="table_td" label="发货" prop="send" >
-          
+        <el-table-column class="table_td" label="发货" prop="send">
         </el-table-column>
-        <el-table-column class="table_td" label="收货" prop="receive" >
-          
+        <el-table-column class="table_td" label="收货" prop="receive">
         </el-table-column>
-        <el-table-column class="table_td" label="运输周期" prop="tranCycle" width="160">
-         <template scope="scope">
-               {{scope.row.deliveryDateStart}} ~ {{scope.row.deliveryDateEnd}}
-             </template>
+        <el-table-column
+          class="table_td"
+          label="运输周期"
+          prop="tranCycle"
+          width="160"
+        >
+          <template scope="scope">
+            {{ scope.row.deliveryDateStart }} ~ {{ scope.row.deliveryDateEnd }}
+          </template>
         </el-table-column>
-      <el-table-column prop="status" label="状态">
-        <template slot-scope="scope">
-          <el-popover
-          placement="left"
-          :width="285"
-          trigger="click"
-          visible-arrow="false"
-          @show="history(scope.row)"
-          >
-          <template>
+        <el-table-column prop="status" label="状态">
+          <template slot-scope="scope">
+            <el-popover
+              placement="left"
+              :width="285"
+              trigger="click"
+              visible-arrow="false"
+              @show="history(scope.row)"
+            >
+              <template>
                 <span slot="reference">
                   <span
                     v-if="scope.row.feedbackStatus == '待执行'"
@@ -119,78 +121,79 @@
                   >{{ scope.row.feedbackStatus }}
                 </span>
               </template>
-          <div>
-              <p style="margin-top: 0; padding-left: 10px">历史记录</p>
-              <div v-for="(item, index) in historyList" class="flex">
-                <div class="vertical-text vertical-text-left">
-                  {{ item.updateDate }}
-                </div>
-                <div>
-                  <div class="vertical-circle"></div>
-                  <div
-                    v-if="index != historyList.length - 1"
-                    class="vertical-line"
-                  ></div>
-                </div>
-                <div class="vertical-text">
-                  {{ item.operateUser }}<br />{{ item.dealMsg }}
+              <div>
+                <p style="margin-top: 0; padding-left: 10px">历史记录</p>
+                <div v-for="(item, index) in historyList" class="flex">
+                  <div class="vertical-text vertical-text-left">
+                    {{ item.updateDate }}
+                  </div>
+                  <div>
+                    <div class="vertical-circle"></div>
+                    <div
+                      v-if="index != historyList.length - 1"
+                      class="vertical-line"
+                    ></div>
+                  </div>
+                  <div class="vertical-text">
+                    {{ item.operateUser }}<br />{{ item.dealMsg }}
+                  </div>
                 </div>
               </div>
-            </div>
-          </el-popover>
-          <img
-            width="17"
-            height="18"
-            style="vertical-align: text-top; position: relative; top: -1px"
-            src="../../../public/img/edit.png"
-            @click="editClick(scope.row)"
-            alt=""
-          />
-        </template>
-      </el-table-column>
-      <el-table-column class="table_td" label="接单时间" prop="createDate">
+            </el-popover>
+            <img
+              width="17"
+              height="18"
+              style="vertical-align: text-top; position: relative; top: -1px"
+              src="../../../public/img/edit.png"
+              @click="editClick(scope.row)"
+              alt=""
+            />
+          </template>
         </el-table-column>
-     <el-table-column prop="seller" label="操作" width="300">
-          <template  slot-scope="scope">
-              <template v-if="
+        <el-table-column class="table_td" label="接单时间" prop="createDate">
+        </el-table-column>
+        <el-table-column prop="seller" label="操作" width="300">
+          <template slot-scope="scope">
+            <template
+              v-if="
                 scope.row.tranType == '汽运' &&
                 scope.row.feedbackStatus != '已完成'
-              ">
-                <div class="record" @click="trainSee(scope.row)">查看</div>
-                <div class="adjustment" @click="feedback(scope.row)">反馈</div>
-              </template>
-              <template v-else-if="
+              "
+            >
+              <div class="record" @click="trainSee(scope.row)">查看</div>
+              <div class="adjustment" @click="feedback(scope.row)">反馈</div>
+            </template>
+            <template
+              v-else-if="
                 scope.row.tranType == '汽运' &&
                 scope.row.feedbackStatus == '已完成'
-              ">
-                <div class="record1" @click="trainSee(scope.row)">查看</div>
-              </template>
-               <template v-else>
-                <div class="record1">—— ——</div>
-              </template>
+              "
+            >
+              <div class="record1" @click="trainSee(scope.row)">查看</div>
+            </template>
+            <template v-else>
+              <div class="record1">—— ——</div>
+            </template>
           </template>
         </el-table-column>
       </el-table>
       <div>
         <!-- 分页 -->
-      <el-pagination
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :current-page="currentPage"
-        :page-size="deptCircularPage.pageSize"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="deptBudgetTotal"
-      >
-      </el-pagination>
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="currentPage"
+          :page-size="deptCircularPage.pageSize"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="deptBudgetTotal"
+        >
+        </el-pagination>
       </div>
     </div>
   </div>
 </template>
 <script>
-import {
- shippingList,
- state,
-} from '@/model/transport/index'
+import { shippingList, state } from '@/model/transport/index'
 import { downloadFile } from '@/utils/batchDown'
 import Pagination from '@/components/Pagination'
 import WsUpload from '@/components/WsUpload'
@@ -226,7 +229,7 @@ export default {
       currentPage: 1,
       pageSize: 10,
       feedbackFlag: 1,
-      searchType:1,
+      searchType: 1,
       searchTypeText: '执行中',
       searchKeyWord: '',
       contractType: 2,
@@ -235,11 +238,11 @@ export default {
         { value: '已完成', type: 2 },
         { value: '全部任务', type: 3 },
       ],
-      
+
       // 提交类型
       submitType: true,
       size: 10,
-      primary:'1',
+      primary: '1',
       spanArr: [],
       warehouseName: '',
       deptBudgetTotal: 0,
@@ -248,9 +251,9 @@ export default {
       warehouseList: [],
       deptBudgetList: {},
       historyList: [],
-      value2:'',
-      inOutDate:[],
-      pickerOptions:[],
+      value2: '',
+      inOutDate: [],
+      pickerOptions: [],
       pickerBeginDateBefore: {
         disabledDate: (time) => {
           return time.getTime() > Date.now()
@@ -259,21 +262,20 @@ export default {
       accessoryTFs: false,
     }
   },
-  mounted(){
+  mounted() {
     this.getList()
   },
   methods: {
-      //接口
+    //接口
     getList() {
       shippingList({
         compId: sessionStorage.getItem('ws-pf_compId'),
         currentPage: this.currentPage,
         pageSize: this.pageSize,
         feedbackFlag: this.feedbackFlag,
-         startDate: this.startDate ,
-        endDate:this.endDate,
-        searchKeyWord : this.searchKeyWord
-        
+        startDate: this.startDate,
+        endDate: this.endDate,
+        searchKeyWord: this.searchKeyWord,
       })
         .toPromise()
         .then((response) => {
@@ -324,16 +326,16 @@ export default {
           this.spanArr.push(1)
           this.pos = 0
         } else {
-        //不是第一项时，就根据标识去存储
-        if (data[index].warehouseNumViewList.length > 1) {
-          查找到符合条件的数据时每次要把之前存储的数据+1
-          this.spanArr[this.pos] = data[index].warehouseNumViewList.length
-          this.spanArr.push(0)
-        } else {
-          // 没有符合的数据时，要记住当前的index
-          this.spanArr.push(1)
-          this.pos = index
-        }
+          //不是第一项时，就根据标识去存储
+          if (data[index].warehouseNumViewList.length > 1) {
+            查找到符合条件的数据时每次要把之前存储的数据 + 1
+            this.spanArr[this.pos] = data[index].warehouseNumViewList.length
+            this.spanArr.push(0)
+          } else {
+            // 没有符合的数据时，要记住当前的index
+            this.spanArr.push(1)
+            this.pos = index
+          }
         }
       })
     },
@@ -346,7 +348,7 @@ export default {
             id: row.id,
           },
         })
-      }  
+      }
     },
 
     //反馈
@@ -463,16 +465,17 @@ export default {
         })
     },
     find() {
-      if(this.inOutDate != null){
-
-      
-     if (this.inOutDate.length > 0) {
-        this.startDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[0])
-        this.endDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[1])
-      } else {
+      if (this.inOutDate != null) {
+        if (this.inOutDate.length > 0) {
+          this.startDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[0])
+          this.endDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[1])
+        } else {
+          this.startDate = ''
+          this.endDate = ''
+        }
+      }else{
         this.startDate = ''
-        this.endDate = ''
-      }
+          this.endDate = ''
       }
       this.currentPage = 1
       this.getList()
@@ -527,7 +530,8 @@ export default {
 /deep/.el-table tr th.is-leaf:first-child {
   border-left: 1px solid #e9ecf7;
 }
-.record,.record1,
+.record,
+.record1,
 .adjustment {
   display: inline-block;
   color: #5878e8;
@@ -545,19 +549,19 @@ export default {
   height: 12px;
   background: #e9ecf7;
 }
-.el-row{
-    height: 60px;
+.el-row {
+  height: 60px;
 }
-.base_header_layout .grid-content{
-    margin-top: 80px;
+.base_header_layout .grid-content {
+  margin-top: 80px;
 }
 
-.el-input--small .el-input__inner{
-    margin-left: 20px;
+.el-input--small .el-input__inner {
+  margin-left: 20px;
 }
 .el-range-editor--small.el-input__inner {
-    height: 32px;
-    margin: 0 10px;
+  height: 32px;
+  margin: 0 10px;
 }
 //状态样式
 .executory,
@@ -588,18 +592,18 @@ export default {
 //     font-size: 14px;
 // }
 /deep/.el-pagination {
-    text-align: center;
-    white-space: nowrap;
-    padding: 2px 5px;
-    color: #303133;
-    font-weight: 700;
-    margin-bottom: 20px;
+  text-align: center;
+  white-space: nowrap;
+  padding: 2px 5px;
+  color: #303133;
+  font-weight: 700;
+  margin-bottom: 20px;
 }
-.el-select{
+.el-select {
   width: 30%;
-    margin-right: 10px;
+  margin-right: 10px;
 }
-/deep/.typeselect .el-input__inner{
-   color: #8890B1;
+/deep/.typeselect .el-input__inner {
+  color: #8890b1;
 }
 </style>

src/views/tranManagement/tranManagementShipping.vue

@@ -2,24 +2,25 @@
 <template>
   <div>
     <BaseHeaderLayout :leftSpan="8">
-      <template slot="left">
-      </template>
+      <template slot="left"> </template>
       <!-- 接单开始 -->
       <template slot="right">
-         <span style="width: 142px; display: inline-block;color: #8890B1;">状态：</span>
+        <span style="width: 142px; display: inline-block; color: #8890b1"
+          >状态：</span
+        >
         <ws-select
           v-model="searchTypeText"
           placeholder=""
           class="typeselect"
           @change="selecttaskType"
-          :value="searchType"  
+          :value="searchType"
         >
           <ws-option
             v-for="item in taskTypeList"
             :key="item.value"
             :label="item.value"
             :value="item.value"
-            style="color: #8890B1;"
+            style="color: #8890b1"
           />
         </ws-select>
         <div>
@@ -64,7 +65,7 @@
       <el-table
         class="wenzi"
         :data="warehouseList.records"
-        style="width: 100%;"
+        style="width: 100%"
         height="780"
       >
         <el-table-column type="index" label="序号" width="80">
@@ -166,7 +167,7 @@
   </div>
 </template>
 <script>
-import {shippingList, alsostate } from '@/model/transport/index'
+import { shippingList, alsostate } from '@/model/transport/index'
 import Pagination from '@/components/Pagination'
 import WsUpload from '@/components/WsUpload'
 import { EventBus } from 'base-core-lib'
@@ -206,7 +207,7 @@ export default {
       pageSize: 10,
       searchType: 1,
       searchTypeText: '执行中',
-       taskTypeList: [
+      taskTypeList: [
         { value: '执行中', type: 1 },
         { value: '已完成', type: 2 },
         { value: '全部任务', type: '' },
@@ -423,17 +424,18 @@ export default {
         })
     },
     find() {
-      if(this.inOutDate != null){
-
- 
-      if (this.inOutDate.length > 0) {
-        this.startDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[0])
-        this.endDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[1])
-      } else {
+      if (this.inOutDate != null) {
+        if (this.inOutDate.length > 0) {
+          this.startDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[0])
+          this.endDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[1])
+        } else {
+          this.startDate = ''
+          this.endDate = ''
+        }
+      }else{
         this.startDate = ''
-        this.endDate = ''
+          this.endDate = ''
       }
-           }
       this.currentPage = 1
       this.getList()
     },
@@ -452,11 +454,11 @@ export default {
 //分页
 .el-pagination {
   text-align: center;
-    white-space: nowrap;
-    padding: 2px 5px;
-    color: #303133;
-    font-weight: 700;
-    margin-bottom: 20px;
+  white-space: nowrap;
+  padding: 2px 5px;
+  color: #303133;
+  font-weight: 700;
+  margin-bottom: 20px;
 }
 /deep/.el-pager li.active {
   color: #5878e8;
@@ -564,11 +566,11 @@ export default {
   position: relative;
   font-size: 14px;
 }
-.el-select{
+.el-select {
   width: 30%;
-    margin-right: 10px;
+  margin-right: 10px;
 }
-/deep/.typeselect .el-input__inner{
-   color: #8890B1;
+/deep/.typeselect .el-input__inner {
+  color: #8890b1;
 }
 </style>

src/views/tranManagement/tranManagementShippingArrangemen.vue

@@ -20,9 +20,9 @@
     <div class="center">
       <ws-form ref="deptBudgetList" :model="deptBudgetList" :rules="rules" class="position">
         <div class="basicInformation">
-          <div class="small-title">任务详情</div>
+          <div class="small-title" style="font-size: 16px">任务详情</div>
           <ws-info-table>
-             <ws-form-item label="任务编号" span="1" prop="processNo">{{deptBudgetList.processNo}}</ws-form-item>
+            <ws-form-item label="任务编号" span="1" prop="processNo">{{deptBudgetList.processNo}}</ws-form-item>
             <ws-form-item label="货名" span="1" prop="goodsName">{{deptBudgetList.goodsName}}</ws-form-item>
             <ws-form-item label="重量（吨）" span="1" prop="weight">{{deptBudgetList.weight}}</ws-form-item>
             <ws-form-item
@@ -30,7 +30,7 @@
               span="1"
               prop="sendDetailedAddress"
             >{{deptBudgetList.sendDetailedAddress}}</ws-form-item>
-           <ws-form-item label="发货人" span="1" prop="sender">{{deptBudgetList.sender}}</ws-form-item>
+            <ws-form-item label="发货人" span="1" prop="sender">{{deptBudgetList.sender}}</ws-form-item>
             <ws-form-item label="发货人电话" span="1" prop="senderPhone">{{deptBudgetList.senderPhone}}</ws-form-item>
             <ws-form-item
               label="收货地址"
@@ -53,95 +53,98 @@
               span="1"
               prop="deliveryDateEnd"
             >{{deptBudgetList.deliveryDateEnd}}</ws-form-item>
-            <ws-form-item label="合同编号" span="1" prop="contractNo">{{deptBudgetList.contractNo}}</ws-form-item> 
+            <ws-form-item label="合同编号" span="1" prop="contractNo">{{deptBudgetList.contractNo}}</ws-form-item>
           </ws-info-table>
-          <div class="small-title">联络员及航次</div>
+          <div class="small-title" style="font-size: 16px">联络员及航次</div>
           <div
             class="position siji"
             v-for="(item, index) in deptBudgetList.tranCarInfoList"
             :key="index"
           >
             <div class="zhong">
-                <ws-form-item label="姓名" span="1" prop="driver" >
-                  <el-select
-                    v-model="item.driver"
-                    placeholder="请选择姓名"
-                    filterable
-                    :filter-method="dataFilter"
-                    @change="selectstaff"
-                     size="small"
-                  >
-                    <el-option
-                      v-for="item in options"
-                      :key="item.value"
-                      :label="item.staffName"
-                      :value="item.staffName"
-                       
-                    />
-                  </el-select>
-                </ws-form-item>
-                <ws-form-item label="电话" span="1" prop="driverPhone" class="biao">
-                  <ws-input
-                    
-                    :readonly="true"
-                    v-model="item.driverPhone"
-                    placeholder="请输入电话"
-                    maxlength="20"
-                    size="small"
-                    class="ys"
-                  />
-                </ws-form-item>
-                <ws-form-item label="发船日期" span="1" prop="sendDateStart" class="biao2">
-                  <ws-date-picker
-                    v-model="item.sendDateStart"
-                    type="date"
-                    placeholder="请选择发货日期"
-                    value-format="yyyy-MM-dd"
-                    class="small"
+              <ws-form-item label="姓名" span="1" prop="driver">
+                <el-select
+                  v-model="item.driver"
+                  placeholder="请选择姓名"
+                  filterable
+                  :filter-method="dataFilter"
+                  @change="selectstaff"
+                  size="small"
+                >
+                  <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.staffName"
+                    :value="item.staffName"
                   />
-                </ws-form-item>
-                <ws-form-item label="预计到港日期" span="1" prop="receiveDateEnd" class="biao3">
-                  <ws-date-picker
-                    v-model="item.receiveDateEnd"
-                    type="date"
-                    placeholder="请选择发货日期"
-                    value-format="yyyy-MM-dd"
-                    class="small"
+                </el-select>
+              </ws-form-item>
+              <ws-form-item label="电话" span="1" prop="driverPhone" class="biao">
+                <ws-input
+                  :readonly="true"
+                  v-model="item.driverPhone"
+                  placeholder="请输入电话"
+                  maxlength="20"
+                  size="small"
+                  class="ys"
+                />
+              </ws-form-item>
+              <ws-form-item label="发船日期" span="1" prop="sendDateStart" class="biao2">
+                <ws-date-picker
+                  v-model="item.sendDateStart"
+                  type="date"
+                  placeholder="请选择发货日期"
+                  value-format="yyyy-MM-dd"
+                  class="small"
+                />
+              </ws-form-item>
+              <ws-form-item label="预计到港日期" span="1" prop="receiveDateEnd" class="biao3">
+                <ws-date-picker
+                  v-model="item.receiveDateEnd"
+                  type="date"
+                  placeholder="请选择发货日期"
+                  value-format="yyyy-MM-dd"
+                  class="small"
+                />
+              </ws-form-item>
+              <ws-form-item label="航次" span="1" prop="shipNo" class="biao4">
+                <ws-input
+                  v-model="item.shipNo"
+                  placeholder="请选择航次"
+                  maxlength="100"
+                  size="small"
+                  class="ys"
+                ></ws-input>
+              </ws-form-item>
+              <ws-form-item label="船名" span="1" prop="shipName" class>
+                <ws-input
+                  v-model="item.shipName"
+                  placeholder="请输入船名"
+                  maxlength="100"
+                  size="small"
+                  class="ys"
+                ></ws-input>
+              </ws-form-item>
+              <ws-form-item label="类型" span="1" prop="shipType" class="biao5">
+                <ws-select v-model="item.shipType" placeholder="请输入" class="ys">
+                  <ws-option
+                    v-for="items in shipType"
+                    :key="items.constKey"
+                    :label="items.constValue"
+                    :value="items.constValue"
                   />
-                </ws-form-item>
-                 <ws-form-item label="航次" span="1" prop="shipNo" class="biao4">
-                  <ws-input v-model="item.shipNo" placeholder="请选择航次" maxlength="100" size="small" class="ys"></ws-input>
-                </ws-form-item>
-                <ws-form-item label="船名" span="1" prop="shipName" class="">
-                  <ws-input
-                    v-model="item.shipName"
-                    placeholder="请输入船名"
-                    maxlength="100"
-                    size="small"
-                    class="ys"
-                  ></ws-input>
-                </ws-form-item>
-                <ws-form-item label="类型" span="1" prop="shipType" class="biao5">
-                  <ws-select v-model="item.shipType" placeholder="请输入" class="ys">
-                    <ws-option
-                      v-for="items in shipType"
-                      :key="items.constKey"
-                      :label="items.constValue"
-                      :value="items.constValue"
-                       
-                    />
-                  </ws-select>
-                </ws-form-item>
-                <ws-form-item
-                  label="数量"
-                  span="1"
-                  prop="boxNumber"
-                  class="biao6"
-                  v-show="item.shipType=='集装箱'"
-                >
-                  <ws-input v-model="item.boxNumber" placeholder="请输入数量" class="ys"></ws-input>
-                </ws-form-item>
-              </ws-info-table>
+                </ws-select>
+              </ws-form-item>
+              <ws-form-item
+                label="数量"
+                span="1"
+                prop="boxNumber"
+                class="biao6"
+                v-show="item.shipType=='集装箱'"
+              >
+                <ws-input v-model="item.boxNumber" placeholder="请输入数量" class="ys"></ws-input>
+              </ws-form-item>
+              <!-- </ws-info-table> -->
             </div>
             <div
               style=" width: 536px;"
@@ -151,13 +154,13 @@
               :key="index"
             >
               <ws-info-table>
-                <ws-form-item :label="'仓位号-'+ (index +1 )" span="1" prop="impurity"  class="bot" >
+                <ws-form-item :label="'仓位号-'+ (index +1 )" span="1" prop="impurity" class="bot">
                   <el-input v-model="items.impurity"></el-input>
                 </ws-form-item>
-                 <ws-form-item label="重量(吨)" span="1" prop="positionWeight" class="bot" >
+                <ws-form-item label="重量(吨)" span="1" prop="positionWeight" class="bot">
                   <el-input v-model="items.positionWeight"></el-input>
-                </ws-form-item> 
-                 <span
+                </ws-form-item>
+                <span
                   width="22"
                   height="22"
                   class="del"
@@ -181,7 +184,7 @@
             </div>
           </div>
         </div>
-      </ws-form> 
+      </ws-form>
       <div style="text-align: right; padding: 10px">
         <el-button class="bg-bottom-up" type="primary" size="small" @click="submit()">提交</el-button>
       </div>
@@ -290,8 +293,7 @@ export default {
   },
   activated() {
     this.loaddata()
-     this.getList()
-    
+    this.getList()
   },
   computed: {
     totalStorage: function() {
@@ -349,33 +351,37 @@ export default {
         .toPromise()
         .then(response => {
           this.deptBudgetList = response
-          if(response.tranCarInfoList.length>0) {
-            for (var i = 0; i < this.deptBudgetList.tranCarInfoList.length; i++) {
-              var num = this.deptBudgetList.tranCarInfoList[i].positionWeight.split(',')
-            for (var j = 0; j < num.length; j++) {
-              var num2 = num[j].split('/')
-              this.freightspace.push({
-                impurity: num2[i],
-                positionWeight: num2[num2.length - 1]
-              })
+          if (response.tranCarInfoList.length > 0) {
+            for (
+              var i = 0;
+              i < this.deptBudgetList.tranCarInfoList.length;
+              i++
+            ) {
+              var num = this.deptBudgetList.tranCarInfoList[
+                i
+              ].positionWeight.split(',')
+              for (var j = 0; j < num.length; j++) {
+                var num2 = num[j].split('/')
+                this.freightspace.push({
+                  impurity: num2[i],
+                  positionWeight: num2[num2.length - 1]
+                })
+              }
             }
-          }
-          }else{
+          } else {
             this.deptBudgetList.tranCarInfoList = [
               {
-                driver:'',
-                driverPhone:'',
-                sendDateStart:'',
+                driver: '',
+                driverPhone: '',
+                sendDateStart: '',
                 receiveDateEnd: '',
-                shipNo:'',
-                shipName:'',
-                shipType:'',
-                boxNumber:'',
-                positionWeight:'',
-                impurity:'',
-                tranType:'3'
-
-
+                shipNo: '',
+                shipName: '',
+                shipType: '',
+                boxNumber: '',
+                positionWeight: '',
+                impurity: '',
+                tranType: '3'
               }
             ]
           }
@@ -402,7 +408,7 @@ export default {
     },
     returnsales() {
       this.deptBudgetList = {}
-      this.freightspace =[]
+      this.freightspace = []
       this.selectedOptions = ''
       this.$router.push({ path: 'tranManagementShipping' })
     },
@@ -451,14 +457,14 @@ export default {
           })
           return
         }
-         if(this.deptBudgetList.tranCarInfoList[i].shipType == '集装箱'){
-        if (!this.deptBudgetList.tranCarInfoList[i].boxNumber) {
-          this.$message({
-            message: '数量不能为空',
-            type: 'warning'
-          })
-          return
-        }
+        if (this.deptBudgetList.tranCarInfoList[i].shipType == '集装箱') {
+          if (!this.deptBudgetList.tranCarInfoList[i].boxNumber) {
+            this.$message({
+              message: '数量不能为空',
+              type: 'warning'
+            })
+            return
+          }
         }
         if (!this.deptBudgetList.tranCarInfoList[i].shipType) {
           this.$message({
@@ -467,25 +473,24 @@ export default {
           })
           return
         }
-// console.log(this.freightspace,"仓位号")
-        for(var i = 0 ; i < this.freightspace.length ; i++){
+        // console.log(this.freightspace,"仓位号")
+        for (var i = 0; i < this.freightspace.length; i++) {
           if (!this.freightspace[i].impurity) {
-          this.$message({
-            message: '仓位号不能为空',
-            type: 'warning'
-          })
-          return
-        }
-        if (!this.freightspace[i].positionWeight) {
-          this.$message({
-            message: '重量不能为空',
-            type: 'warning'
-          })
-          return
+            this.$message({
+              message: '仓位号不能为空',
+              type: 'warning'
+            })
+            return
+          }
+          if (!this.freightspace[i].positionWeight) {
+            this.$message({
+              message: '重量不能为空',
+              type: 'warning'
+            })
+            return
+          }
         }
 
-        }
-        
         if (
           new Date(
             this.deptBudgetList.tranCarInfoList[0].sendDateStart
@@ -620,7 +625,6 @@ export default {
 
 .bot {
   width: 30%;
- 
 }
 //去边框
 /deep/.el-form-item {
@@ -672,7 +676,6 @@ export default {
   border-radius: 4px;
   /* border: 1px solid #d8dce6; */
   width: 1219px;
-  
 }
 /deep/.zi {
   width: 64px;
@@ -753,63 +756,58 @@ export default {
   width: 1000px;
 }
 /deep/.el-select .el-input__inner {
-    border: 1px solid #ccc !important;
-    padding: 0 15px !important;
-    font-size: 12px !important;
-    width: 150px;
+  border: 1px solid #ccc !important;
+  padding: 0 15px !important;
+  font-size: 12px !important;
+  width: 125px;
 }
 .zhong {
-    height: 111px;
-    background: #F6F7FC;
-    border-radius: 4px;
-    border: 1px solid #D8DCE6;
-    width: 99%;
-    margin: 0 2%;
-    // margin-left: -76px;
+  height: 111px;
+  background: #f6f7fc;
+  border-radius: 4px;
+  border: 1px solid #d8dce6;
+  width: 99%;
+  margin: 0 2%;
+  // margin-left: -76px;
 }
 .bg-left {
   padding-left: 30px;
 }
-/deep/.el-icon-arrow-up:before {
-    margin-left: 171px;
-    // display: none;
-}
 /deep/.el-input--prefix .el-input__inner {
-    padding-left: 30px;
-    width: 150px;
+  padding-left: 30px;
+  width: 150px;
 }
 .basicInformation .ws-info-table {
-    border: none;
-    width: 141%;
-    margin: 0 auto;
-    // margin-left: -89px;
+  border: none;
+  width: 141%;
+  margin: 0 auto;
+  // margin-left: -89px;
 }
-.ys{
+.ys {
   // margin-left: 300px;
   width: 100px;
-
 }
-.biao{
+.biao {
   margin-left: 240px;
   margin-top: -57px;
 }
-.biao2{
+.biao2 {
   margin-left: 441px;
   margin-top: -59px;
 }
-.biao3{
-   margin-left: 722px;
+.biao3 {
+  margin-left: 722px;
   margin-top: -60px;
 }
-.biao4{
+.biao4 {
   margin-left: 1016px;
   margin-top: -60px;
 }
-.biao5{
+.biao5 {
   margin-left: 200px;
   margin-top: -57px;
 }
-.biao6{
+.biao6 {
   margin-left: 450px;
   margin-top: -57px;
 }
@@ -1129,28 +1127,33 @@ export default {
 //   border-radius: 10px;
 //   right: 20px;
 // }
- /deep/.ws-info-table .el-form-item .el-form-item__label {
-    /* background-color: #fff; */
-    font-size: 14px;
-    font-weight: 400;
-    color: #8890b1;
-    line-height: 16px;
-    background: border-box;
-}
- /deep/.ws-info-table .el-form-item .el-form-item__content {
-    background: #f5f7fa;
-    border-radius: 4px;
-    /* border: 1px solid #d8dce6; */
-    border: none;
-}
- /deep/.basicInformation .el-form-item .el-form-item__label {
-    background: transparent;
-    border: none;
-    font-size: 14px;
-    font-family: PingFangSC-Regular, PingFang SC;
-    font-weight: 400;
-    color: #8890B1;
-    line-height: 16px;
-    margin-left: 22px;
+/deep/.ws-info-table .el-form-item .el-form-item__label {
+  /* background-color: #fff; */
+  font-size: 14px;
+  font-weight: 400;
+  color: #8890b1;
+  line-height: 16px;
+  background: border-box;
 }
+/deep/.ws-info-table .el-form-item .el-form-item__content {
+  background: #f5f7fa;
+  border-radius: 4px;
+  /* border: 1px solid #d8dce6; */
+  border: none;
+}
+/deep/.basicInformation .el-form-item .el-form-item__label {
+  background: transparent;
+  border: none;
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #8890b1;
+  line-height: 16px;
+  margin-left: 22px;
+}
+/deep/.el-form-item__content .el-select {
+  width: 42%;
+  
+}
+
 </style>

src/views/tranManagement/tranManagementTransporFeedback.vue

@@ -959,7 +959,7 @@ export default {
   width: 20%;
 }
 /deep/.liaison .ws-info-table .el-form-item .el-form-item__label {
-  width: 35%;
+  width: 50%;
   background: #f6f7fc;
 }
 /deep/.liaison .flex {
@@ -1026,4 +1026,7 @@ export default {
   margin-top: 6px;
   left: 2px;
 }
+/deep/.liaison .ws-info-table .el-form-item .el-form-item__content{
+  padding: 0px;
+}
 </style>

src/views/tranManagement/tranManagementTransporHairRespond.vue

@@ -2,24 +2,25 @@
 <template>
   <div>
     <BaseHeaderLayout :leftSpan="8">
-      <template slot="left">
-      </template>
+      <template slot="left"> </template>
       <!-- 接单开始 -->
       <template slot="right">
-         <span style="width: 142px; display: inline-block;color: #8890B1;">状态：</span>
+        <span style="width: 142px; display: inline-block; color: #8890b1"
+          >状态：</span
+        >
         <ws-select
           v-model="searchTypeText"
           placeholder=""
           class="typeselect"
           @change="selecttaskType"
-          :value="searchType"  
+          :value="searchType"
         >
           <ws-option
             v-for="item in taskTypeList"
             :key="item.value"
             :label="item.value"
             :value="item.value"
-            style="color: #8890B1;"
+            style="color: #8890b1"
           />
         </ws-select>
         <div>
@@ -61,7 +62,6 @@
       </template>
     </BaseHeaderLayout>
     <div class="container">
-      
       <el-table
         class="wenzi"
         :data="tranManagementList.records"
@@ -74,19 +74,14 @@
             <span v-else>{{ scope.$index + 1 }}</span>
           </template>
         </el-table-column>
-        <el-table-column prop="processNo" label="运输任务编号" >
-        </el-table-column>
-        <el-table-column prop="tranType" label="运输方式" >
-        </el-table-column>
-        <el-table-column prop="goodsName" label="货名" >
-        </el-table-column>
-        <el-table-column prop="weight" label="重量（吨）" >
-        </el-table-column>
-        <el-table-column prop="send" label="发货" >
+        <el-table-column prop="processNo" label="运输任务编号">
         </el-table-column>
-        <el-table-column prop="receive" label="收货" >
-        </el-table-column>
-        <el-table-column prop="tranCycle" label="运输周期" width="160" >
+        <el-table-column prop="tranType" label="运输方式"> </el-table-column>
+        <el-table-column prop="goodsName" label="货名"> </el-table-column>
+        <el-table-column prop="weight" label="重量（吨）"> </el-table-column>
+        <el-table-column prop="send" label="发货"> </el-table-column>
+        <el-table-column prop="receive" label="收货"> </el-table-column>
+        <el-table-column prop="tranCycle" label="运输周期" width="160">
           <template scope="scope">
             {{ scope.row.deliveryDateStart }} ~ {{ scope.row.deliveryDateEnd }}
           </template>
@@ -153,27 +148,31 @@
         <el-table-column prop="createDate" class="table_td" label="接单时间">
         </el-table-column>
         <el-table-column prop="seller" label="操作" width="300">
-          <template  slot-scope="scope">
-              <template v-if="
+          <template slot-scope="scope">
+            <template
+              v-if="
                 scope.row.tranType == '汽运' &&
                 scope.row.feedbackStatus != '已完成'
-              ">
-                <div class="record" @click="trainSee(scope.row)">查看</div>
-                <div class="adjustment" @click="feedback(scope.row)">反馈</div>
-              </template>
-              <template v-else-if="
+              "
+            >
+              <div class="record" @click="trainSee(scope.row)">查看</div>
+              <div class="adjustment" @click="feedback(scope.row)">反馈</div>
+            </template>
+            <template
+              v-else-if="
                 scope.row.tranType == '汽运' &&
                 scope.row.feedbackStatus == '已完成'
-              ">
-                <div class="record1" @click="trainSee(scope.row)">查看</div>
-              </template>
-               <template v-else>
-                <div class="record1">—— ——</div>
-              </template>
+              "
+            >
+              <div class="record1" @click="trainSee(scope.row)">查看</div>
+            </template>
+            <template v-else>
+              <div class="record1">—— ——</div>
+            </template>
           </template>
         </el-table-column>
       </el-table>
-       <el-pagination
+      <el-pagination
         @size-change="handleSizeChange"
         @current-change="handleCurrentChange"
         :current-page="currentPage"
@@ -222,14 +221,14 @@ export default {
       currentPage: 1,
       pageSize: 10,
       deptBudgetTotal: 0,
-      searchType:1,
+      searchType: 1,
       searchTypeText: '执行中',
       searchKeyWord: '',
       contractType: 2,
       tranTypeKey: 2,
       feedbackFlag: 1,
       searchTypeOne: 1,
-       taskTypeList: [
+      taskTypeList: [
         { value: '执行中', type: 1 },
         { value: '已完成', type: 2 },
         { value: '全部任务', type: 3 },
@@ -237,9 +236,9 @@ export default {
       // 提交类型
       submitType: true,
       size: 10,
-      primary:'1',
+      primary: '1',
       spanArr: [],
-      inOutDate:[],
+      inOutDate: [],
       warehouseName: '',
       compId: sessionStorage.getItem('ws-pf_compId'),
       deptCircularPage: {},
@@ -287,14 +286,14 @@ export default {
     },
     //查看火运调度详细
     trainSee(row) {
-            if (row.tranType == '汽运') {
+      if (row.tranType == '汽运') {
         this.$router.push({
           path: 'tranManagementTransporFeedbackLook',
           query: {
             id: row.id,
           },
         })
-      } 
+      }
     },
     //反馈
     feedback(row) {
@@ -357,13 +356,13 @@ export default {
         feedbackFlag: this.feedbackFlag,
         currentPage: this.currentPage,
         pageSize: this.pageSize,
-         startDate:this.startDate,
-        endDate:this.endDate,
-        searchKeyWord : this.searchKeyWord,
+        startDate: this.startDate,
+        endDate: this.endDate,
+        searchKeyWord: this.searchKeyWord,
       })
         .toPromise()
         .then((response) => {
-            this.deptCircularPage.currentPage = response.current
+          this.deptCircularPage.currentPage = response.current
           this.deptCircularPage.pageSize = response.size
           this.deptBudgetTotal = response.total
           this.tranManagementList = response
@@ -405,25 +404,26 @@ export default {
     selecttaskType(e) {
       for (var i = 0; i < this.taskTypeList.length; i++) {
         if (this.taskTypeList[i].value == e) {
-          this. feedbackFlag = this.taskTypeList[i].type
+          this.feedbackFlag = this.taskTypeList[i].type
         }
       }
     },
     find() {
-      if(this.inOutDate != null){
-
-      
-     if (this.inOutDate.length > 0) {
-        this.startDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[0])
-        this.endDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[1])
-      } else {
-        this.startDate = ''
-        this.endDate = ''
-      }
+      if (this.inOutDate != null) {
+        if (this.inOutDate.length > 0) {
+          this.startDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[0])
+          this.endDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[1])
+        } else {
+          this.startDate = ''
+          this.endDate = ''
+        }
+      }else{
+         this.startDate = ''
+          this.endDate = ''
       }
       this.currentPage = 1
       this.getList()
-    }
+    },
   },
 }
 </script>
@@ -456,7 +456,8 @@ export default {
 }
 
 //操作按钮
-.record,.record1,
+.record,
+.record1,
 .adjustment {
   display: inline-block;
   color: #5878e8;
@@ -518,21 +519,21 @@ export default {
 }
 .el-range-editor--small.el-input__inner {
   height: 32px;
-margin:0 10px;
+  margin: 0 10px;
 }
 /deep/.el-pagination {
-    text-align: center;
-    white-space: nowrap;
-    padding: 2px 5px;
-    color: #303133;
-    font-weight: 700;
-    margin-bottom: 20px;
+  text-align: center;
+  white-space: nowrap;
+  padding: 2px 5px;
+  color: #303133;
+  font-weight: 700;
+  margin-bottom: 20px;
 }
-.el-select{
+.el-select {
   width: 30%;
-    margin-right: 10px;
+  margin-right: 10px;
 }
-/deep/.typeselect .el-input__inner{
-   color: #8890B1;
+/deep/.typeselect .el-input__inner {
+  color: #8890b1;
 }
 </style>

src/views/tranManagement/tranManagementTransporTationFire.vue

@@ -2,24 +2,25 @@
 <template>
   <div>
     <BaseHeaderLayout :leftSpan="8">
-      <template slot="left">
-      </template>
+      <template slot="left"> </template>
       <!-- 接单开始 -->
       <template slot="right">
-         <span style="width: 142px; display: inline-block;color: #8890B1;">状态：</span>
+        <span style="width: 142px; display: inline-block; color: #8890b1"
+          >状态：</span
+        >
         <ws-select
           v-model="searchTypeText"
           placeholder=""
           class="typeselect"
           @change="selecttaskType"
-          :value="searchType"  
+          :value="searchType"
         >
           <ws-option
             v-for="item in taskTypeList"
             :key="item.value"
             :label="item.value"
             :value="item.value"
-            style="color: #8890B1;"
+            style="color: #8890b1"
           />
         </ws-select>
         <div>
@@ -64,7 +65,7 @@
       <el-table
         class="wenzi"
         :data="tranManagementList.records"
-        style="width: 100%;"
+        style="width: 100%"
         height="780"
       >
         <el-table-column type="index" label="序号" width="80">
@@ -75,15 +76,11 @@
         </el-table-column>
         <el-table-column prop="processNo" label="运输任务编号">
         </el-table-column>
-        <el-table-column prop="goodsName" label="货名" >
-        </el-table-column>
-        <el-table-column prop="weight" label="重量（吨）">
-        </el-table-column>
-        <el-table-column prop="send" label="发货">
-        </el-table-column>
-        <el-table-column prop="receive" label="收货">
-        </el-table-column>
-        <el-table-column prop="tranCycle" label="运输周期" >
+        <el-table-column prop="goodsName" label="货名"> </el-table-column>
+        <el-table-column prop="weight" label="重量（吨）"> </el-table-column>
+        <el-table-column prop="send" label="发货"> </el-table-column>
+        <el-table-column prop="receive" label="收货"> </el-table-column>
+        <el-table-column prop="tranCycle" label="运输周期">
           <template scope="scope">
             {{ scope.row.deliveryDateStart }} ~ {{ scope.row.deliveryDateEnd }}
           </template>
@@ -151,17 +148,21 @@
         </el-table-column>
         <el-table-column prop="seller" label="操作" width="300">
           <template slot-scope="scope">
-             <div
+            <div
               class="record"
               @click="trainSee(scope.row)"
-              v-hasPermission="'transportationTask.transportation.fireDispatching.view'"
+              v-hasPermission="
+                'transportationTask.transportation.fireDispatching.view'
+              "
             >
               查看
             </div>
-             <div
+            <div
               class="adjustment"
               @click="trainNumber(scope.row)"
-              v-hasPermission="'transportationTask.transportation.fireDispatching.car'"
+              v-hasPermission="
+                'transportationTask.transportation.fireDispatching.car'
+              "
             >
               车次
             </div>
@@ -184,10 +185,8 @@
 import { automobileList, alsostate } from '@/model/transport/index'
 import Pagination from '@/components/Pagination'
 import WsUpload from '@/components/WsUpload'
-import {  EventBus } from 'base-core-lib'
-import {
-  billoperatehis,
-} from '@/model/contarct/index'
+import { EventBus } from 'base-core-lib'
+import { billoperatehis } from '@/model/contarct/index'
 export default {
   name: 'viewSpareMoney',
   components: {
@@ -218,7 +217,7 @@ export default {
       year: '',
       currentPage: 1,
       pageSize: 10,
-      deptBudgetTotal:0,
+      deptBudgetTotal: 0,
       searchTypeText: '执行中',
       searchKeyWord: '',
       tranTypeKey: 2,
@@ -350,7 +349,7 @@ export default {
         .toPromise()
         .then((response) => {
           this.tranManagementList = response
-           this.deptCircularPage.currentPage = response.current
+          this.deptCircularPage.currentPage = response.current
           this.deptCircularPage.pageSize = response.size
           this.deptBudgetTotal = response.total
         })
@@ -424,14 +423,17 @@ export default {
         })
     },
     find() {
-      if(this.inOutDate != null){
-      if (this.inOutDate.length !=0) {
-        this.startDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[0])
-        this.endDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[1])
-      } else {
-        this.startDate = ''
-        this.endDate = ''
-      }
+      if (this.inOutDate != null) {
+        if (this.inOutDate.length != 0) {
+          this.startDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[0])
+          this.endDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[1])
+        } else {
+          this.startDate = ''
+          this.endDate = ''
+        }
+      }else{
+         this.startDate = ''
+          this.endDate = ''
       }
       this.currentPage = 1
       this.getList()
@@ -536,18 +538,18 @@ export default {
   margin: 0 10px;
 }
 /deep/.el-pagination {
-    text-align: center;
-    white-space: nowrap;
-    padding: 2px 5px;
-    color: #303133;
-    font-weight: 700;
-    margin-bottom: 20px;
+  text-align: center;
+  white-space: nowrap;
+  padding: 2px 5px;
+  color: #303133;
+  font-weight: 700;
+  margin-bottom: 20px;
 }
-.el-select{
+.el-select {
   width: 30%;
-    margin-right: 10px;
+  margin-right: 10px;
 }
-/deep/.typeselect .el-input__inner{
-   color: #8890B1;
+/deep/.typeselect .el-input__inner {
+  color: #8890b1;
 }
 </style>

src/views/tranManagement/tranManagementVehicle.vue

@@ -2,29 +2,31 @@
 <template>
   <div>
     <BaseHeaderLayout :leftSpan="8">
-      <template slot="left">
-      </template>
+      <template slot="left"> </template>
       <!-- 接单开始 -->
       <template slot="right">
-        <span style="width: 142px; display: inline-block; color: #8890B1;">状态：</span>
+        <span style="width: 142px; display: inline-block; color: #8890b1"
+          >状态：</span
+        >
         <ws-select
           v-model="searchTypeText"
           placeholder=""
           class="typeselect"
           @change="selecttaskType"
           :value="searchType"
-      
         >
           <ws-option
             v-for="item in taskTypeList"
             :key="item.value"
             :label="item.value"
             :value="item.value"
-            style="color: #8890B1;"
+            style="color: #8890b1"
           />
         </ws-select>
         <div>
-          <span style="display: inline-block; width: 70px;color: #8890B1;">接单日期：</span>
+          <span style="display: inline-block; width: 70px; color: #8890b1"
+            >接单日期：</span
+          >
         </div>
         <el-date-picker
           v-model="inOutDate"
@@ -64,7 +66,7 @@
       <el-table
         class="wenzi"
         :data="warehouseList.records"
-        style="width: 100%;"
+        style="width: 100%"
         height="780"
       >
         <el-table-column prop="warehouseName" label="序号" width="80">
@@ -73,7 +75,7 @@
             <span v-else>{{ scope.$index + 1 }}</span>
           </template>
         </el-table-column>
-        <el-table-column prop="processNo" label="运输任务编号" >
+        <el-table-column prop="processNo" label="运输任务编号">
         </el-table-column>
         <el-table-column prop="goodsName" label="货名"> </el-table-column>
         <el-table-column prop="weight" label="重量（吨）"> </el-table-column>
@@ -103,13 +105,20 @@
                     v-if="scope.row.processStatus == '执行中'"
                     class="inExecution"
                   ></span>
-                  <span v-if="scope.row.processStatus == '已完成'" class="done"></span
+                  <span
+                    v-if="scope.row.processStatus == '已完成'"
+                    class="done"
+                  ></span
                   >{{ scope.row.processStatus }}
                 </span>
               </template>
               <div>
                 <p style="margin-top: 0; padding-left: 10px">XXXXX</p>
-                <div v-for="(item, index) in historyList" :key='index' class="flex">
+                <div
+                  v-for="(item, index) in historyList"
+                  :key="index"
+                  class="flex"
+                >
                   <div class="vertical-text vertical-text-left">
                     {{ item.updateDate }}
                   </div>
@@ -139,23 +148,12 @@
         <el-table-column prop="createDate" label="接单时间"> </el-table-column>
         <el-table-column prop="seller" label="操作" width="300">
           <template slot-scope="scope">
-            <div
-              class="record"
-              @click="nocomplete(scope.row)"
-              
-            >
-              查看
-            </div>
-            <div
-              class="adjustment"
-              @click="warehousing(scope.row)"
-            >
-                派车
-            </div>
+            <div class="record" @click="nocomplete(scope.row)">查看</div>
+            <div class="adjustment" @click="warehousing(scope.row)">派车</div>
           </template>
         </el-table-column>
       </el-table>
-       <el-pagination
+      <el-pagination
         @size-change="handleSizeChange"
         @current-change="handleCurrentChange"
         :current-page="currentPage"
@@ -168,13 +166,11 @@
   </div>
 </template>
 <script>
-import { automobileList,alsostate } from '@/model/transport/index'
+import { automobileList, alsostate } from '@/model/transport/index'
 import Pagination from '@/components/Pagination'
 import WsUpload from '@/components/WsUpload'
-import {  EventBus } from 'base-core-lib'
-import {
-  billoperatehis,
-} from '@/model/contarct/index'
+import { EventBus } from 'base-core-lib'
+import { billoperatehis } from '@/model/contarct/index'
 export default {
   name: 'viewSpareMoney',
   components: {
@@ -204,16 +200,16 @@ export default {
       year: '',
       currentPage: 1,
       pageSize: 10,
-    deptBudgetTotal :0,
+      deptBudgetTotal: 0,
       searchTypeText: '执行中',
       searchKeyWord: '',
       contractType: 2,
-      searchType:1,
+      searchType: 1,
       // 提交类型
       submitType: true,
       size: 10,
       spanArr: [],
-      inOutDate:[],
+      inOutDate: [],
       tranTypeKey: '1',
       warehouseName: '',
       compId: sessionStorage.getItem('ws-pf_compId'),
@@ -221,7 +217,7 @@ export default {
       warehouseList: [],
       deptBudgetList: {},
       historyList: [],
-       taskTypeList: [
+      taskTypeList: [
         { value: '执行中', type: 1 },
         { value: '已完成', type: 2 },
         { value: '全部任务', type: '' },
@@ -248,37 +244,6 @@ export default {
         },
       })
     },
-    // getSpanArr(data) {
-    //   let that = this
-
-    //   //页面展示的数据，不一定是全部的数据，所以每次都清空之前存储的 保证遍历的数据是最新的数据。以免造成数据渲染混乱
-
-    //   that.spanArr = []
-
-    //   that.pos = 0
-
-    //   //遍历数据
-
-    //   data.forEach((item, index) => {
-    //     //判断是否是第一项
-
-    //     // if (index === 0) {
-    //     //   this.spanArr.push(1)
-    //     //   this.pos = 0
-    //     // } else {
-    //     //不是第一项时，就根据标识去存储
-    //     if (data[index].warehouseNumViewList.length > 1) {
-    //       // 查找到符合条件的数据时每次要把之前存储的数据+1
-    //       this.spanArr[this.pos] = data[index].warehouseNumViewList.length
-    //       this.spanArr.push(0)
-    //     } else {
-    //       // 没有符合的数据时，要记住当前的index
-    //       this.spanArr.push(1)
-    //       this.pos = index
-    //     }
-    //     // }
-    //   })
-    // },
     //查看//传参
     nocomplete(row) {
       this.$router.push({
@@ -323,7 +288,7 @@ export default {
       console.log(`当前页: ${val}`)
       this.getList()
     },
-    changestatus(state){
+    changestatus(state) {
       this.searchType = state
       this.getList()
     },
@@ -333,14 +298,14 @@ export default {
         currentPage: this.currentPage,
         pageSize: this.pageSize,
         searchType: this.searchType,
-        startDate: this.startDate ,
-       endDate: this.endDate ,
-       searchKeyWord :this.searchKeyWord,
+        startDate: this.startDate,
+        endDate: this.endDate,
+        searchKeyWord: this.searchKeyWord,
         tranTypeKey: this.tranTypeKey,
       })
         .toPromise()
         .then((response) => {
-           this.deptCircularPage.currentPage = response.current
+          this.deptCircularPage.currentPage = response.current
           this.deptCircularPage.pageSize = response.size
           this.deptBudgetTotal = response.total
           this.warehouseList = response
@@ -384,30 +349,6 @@ export default {
         }
       }
     },
-    // fujian(row) {
-    //   if (
-    //     row.receiveAttachmentPath === null ||
-    //     row.receiveAttachmentPath === ''
-    //   ) {
-    //     EventBus.$emit(
-    //       'warning',
-    //       this.$t('system.noticeCircular.NoInformation')
-    //     )
-    //   } else {
-    //     this.accessoryTFs = true
-    //   }
-    //   this.appendixIdss = row.receiveAttachmentPath
-    // },
-    // handleExamine(row) {
-    //   this.$router.push({
-    //     name: 'salesContractExamine',
-    //     query: { id: row.id },
-    //   })
-    // },
-    // 关闭 dialog时 处理文件url 初始化upload组件
-    // handleCloe() {
-    //   this.dialogViewSpareMoney = false
-    // },
     history(row) {
       billoperatehis({ id: row.id })
         .toPromise()
@@ -416,18 +357,21 @@ export default {
         })
     },
     find() {
-      if(this.inOutDate != null){
-       if (this.inOutDate.length > 0) {
-        this.startDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[0])
-        this.endDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[1])
-      } else {
+      if (this.inOutDate != null) {
+        if (this.inOutDate.length > 0) {
+          this.startDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[0])
+          this.endDate = this.dateFormat('YYYY-mm-dd', this.inOutDate[1])
+        } else {
+          this.startDate = ''
+          this.endDate = ''
+        }
+      }else{
         this.startDate = ''
-        this.endDate = ''
+          this.endDate = ''
       }
-        }
       this.currentPage = 1
       this.getList()
-    }
+    },
   },
 }
 </script>
@@ -541,21 +485,21 @@ export default {
 }
 .el-range-editor--small.el-input__inner {
   height: 32px;
-  margin:0 10px; 
+  margin: 0 10px;
 }
 /deep/.el-pagination {
-    text-align: center;
-    white-space: nowrap;
-    padding: 2px 5px;
-    color: #303133;
-    font-weight: 700;
-    margin-bottom: 20px;
+  text-align: center;
+  white-space: nowrap;
+  padding: 2px 5px;
+  color: #303133;
+  font-weight: 700;
+  margin-bottom: 20px;
 }
-.el-select{
+.el-select {
   width: 30%;
-    margin-right: 10px;
+  margin-right: 10px;
 }
-/deep/.typeselect .el-input__inner{
-   color: #8890B1;
+/deep/.typeselect .el-input__inner {
+  color: #8890b1;
 }
 </style>

src/views/warehouse/warehouseManagementPut.vue

@@ -6,19 +6,15 @@
         <h2 class="bg-left title">入库登记</h2>
       </el-col>
       <el-col :span="4" class="bg-right">
-        <el-button
-          class="bg-bottom"
-          type="primary"
-          size="small"
-          @click="revert()"
-          ><img
+        <el-button class="bg-bottom" type="primary" size="small" @click="revert()">
+          <img
             width="6"
             height="10"
             style="vertical-align: bottom; margin-right: 3px"
             src="../../../public/img/lujing.png"
-            alt=""
-          />返回</el-button
-        >
+            alt
+          />返回
+        </el-button>
       </el-col>
     </el-row>
 
@@ -30,12 +26,13 @@
             width="19"
             height="19"
             src="../../../public/img/cangku.png"
-            alt=""
+            alt
           />
           {{ deptBudgetList.warehouseName }}库
-          <span class="position" v-show="this.$route.query.warehouseType == 1">
-            {{ deptBudgetList.binNumber }}仓位
-          </span>
+          <span
+            class="position"
+            v-show="this.$route.query.warehouseType == 1"
+          >{{ deptBudgetList.binNumber }}仓位</span>
           <span v-show="this.$route.query.warehouseType == 2">(临)</span>
         </h2>
         <ws-info-table>
@@ -43,7 +40,7 @@
           <ws-form-item label="货名" span="1">
             <ws-select
               v-model="deptBudgetList.goodsName"
-              placeholder=""
+              placeholder
               class="typeselect"
               @change="selectgoodsName"
             >
@@ -67,12 +64,7 @@
           </ws-form-item>
 
           <!--皮重（吨）-->
-          <ws-form-item
-            label="皮重（吨）"
-            span="1"
-            prop="tare"
-            class="readonly"
-          >
+          <ws-form-item label="皮重（吨）" span="1" prop="tare" class="readonly">
             <ws-input
               @input="tarechange"
               v-model="deptBudgetList.tare"
@@ -96,7 +88,7 @@
           <ws-form-item label="品级" span="1" class="readonly">
             <ws-select
               v-model="deptBudgetList.grade"
-              placeholder=""
+              placeholder
               class="typeselect"
               @change="selectpackingMethod"
             >
@@ -127,12 +119,7 @@
             </el-select>
           </ws-form-item>
           <!--出库日期-->
-          <ws-form-item
-            label="入库日期"
-            span="1"
-            prop="inOutDate"
-            class="deliverydate"
-          >
+          <ws-form-item label="入库日期" span="1" prop="inOutDate" class="deliverydate">
             <ws-date-picker
               v-model="deptBudgetList.inOutDate"
               type="date"
@@ -144,7 +131,7 @@
           <ws-form-item label="入库类型" span="1">
             <ws-select
               v-model="deptBudgetList.inOutType"
-              placeholder=""
+              placeholder
               class="typeselect"
               @change="selectstorageType"
             >
@@ -185,17 +172,11 @@
         </ws-info-table>
         <div v-show="this.$route.query.warehouseType == 2 && this.deptBudgetList.createType == 2">
           <el-checkbox v-model="checked" checked>退库并出库</el-checkbox>
-          <ws-info-table
-            v-show="checked == true && this.deptBudgetList.createType == 2"
-          >
+          <ws-info-table v-show="checked == true && this.deptBudgetList.createType == 2">
             <!-- 出库类型 -->
             <ws-form-item label="出库类型" span="1" prop="temporaryOutType">
-               <!-- v-model="deptBudgetList.deliveryType" -->
-              <ws-select
-                v-model="deptBudgetList.temporaryOutType"
-                placeholder=""
-                class="typeselect"
-              >
+              <!-- v-model="deptBudgetList.deliveryType" -->
+              <ws-select v-model="deptBudgetList.temporaryOutType" placeholder class="typeselect">
                 <ws-option
                   v-for="item in deliveryType"
                   :key="item.constKey"
@@ -306,20 +287,8 @@
         </ws-info-table>
       </div>
       <div style="text-align: right; padding: 10px">
-        <el-button
-          class="bg-bottom-up"
-          type="primary"
-          size="small"
-          @click="temporaryStorage()"
-          >暂存</el-button
-        >
-        <el-button
-          class="bg-bottom-up"
-          type="primary"
-          size="small"
-          @click="submit()"
-          >提交</el-button
-        >
+        <el-button class="bg-bottom-up" type="primary" size="small" @click="temporaryStorage()">暂存</el-button>
+        <el-button class="bg-bottom-up" type="primary" size="small" @click="submit()">提交</el-button>
       </div>
     </ws-form>
   </div>
@@ -329,7 +298,7 @@ import {
   pullDown,
   addstorageputList,
   xialaNo,
-  getstaff,
+  getstaff
 } from '@/model/warehouse/index'
 import Pagination from '@/components/Pagination'
 import WsUpload from '@/components/WsUpload'
@@ -339,7 +308,7 @@ export default {
   name: 'viewSpareMoney',
   components: {
     WsUpload,
-    Pagination,
+    Pagination
   },
   watch: {
     // vesselId(val) {
@@ -347,7 +316,7 @@ export default {
     // },
     isShow(val) {
       this.showType = val
-    },
+    }
   },
   data() {
     return {
@@ -393,9 +362,9 @@ export default {
             required: true,
             type: 'number',
             message: '请输入活动名称',
-            trigger: 'blur',
-          },
-        ],
+            trigger: 'blur'
+          }
+        ]
       },
       size: 10,
       compId: sessionStorage.getItem('ws-pf_compId'),
@@ -403,20 +372,20 @@ export default {
       packtypeList: {},
       date: {
         year: dayjs().format('YYYY'),
-        month: dayjs().format('MM'),
+        month: dayjs().format('MM')
       },
       contractList: [],
       deptBudgetList: {
-        warehouseInOutDetail: {},
+        warehouseInOutDetail: {}
       },
       historyList: [],
 
       pickerBeginDateBefore: {
-        disabledDate: (time) => {
+        disabledDate: time => {
           return time.getTime() > Date.now()
-        },
+        }
       },
-      accessoryTFs: false,
+      accessoryTFs: false
     }
   },
   mounted() {
@@ -426,7 +395,7 @@ export default {
     this.deptBudgetList.binNumber = this.$route.query.binNumber
     this.deptBudgetList.warehouseType = this.$route.query.warehouseType
     this.deptBudgetList.createType = this.$route.query.createType
- 
+
     this.getList()
     this.deptBudgetList.goodsName = '玉米'
     this.deptBudgetList.goodsNameKey = '1'
@@ -450,7 +419,7 @@ export default {
       this.deptBudgetList.staffList = val
       if (val) {
         //val存在
-        this.options = this.staffList.filter((item) => {
+        this.options = this.staffList.filter(item => {
           if (
             !!~item.staffName.indexOf(val) ||
             !!~item.staffName.toUpperCase().indexOf(val.toUpperCase())
@@ -475,14 +444,14 @@ export default {
       if (!this.deptBudgetList.goodsName) {
         this.$message({
           message: '货名不能为空',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
       if (!this.deptBudgetList.grossWeight) {
         this.$message({
           message: '毛重不能为空',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
@@ -496,14 +465,14 @@ export default {
       ) {
         this.$message({
           message: '毛重输入错误',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
       if (!this.deptBudgetList.tare) {
         this.$message({
           message: '皮重不能为空',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
@@ -517,14 +486,14 @@ export default {
       ) {
         this.$message({
           message: '皮重输入错误',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
       if (!this.deptBudgetList.agent) {
         this.$message({
           message: '经办人不能为空',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
@@ -534,49 +503,51 @@ export default {
       ) {
         this.$message({
           message: '经办人输入有误',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
       if (!this.deptBudgetList.grade) {
         this.$message({
           message: '品级不能为空！',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
       if (!this.deptBudgetList.inOutDate) {
         this.$message({
           message: '入库日期不能为空！',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
       if (!this.deptBudgetList.inOutType) {
         this.$message({
           message: '入库类型不能为空！',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
+
       if (!this.deptBudgetList.carNo) {
         this.$message({
           message: '车牌号不能为空',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
-      if (this.deptBudgetList.carNo.length > 7) {
+
+      if (this.deptBudgetList.carNo.length >7) {
         this.$message({
           message: '车牌号输入错误,请输入7个字符之内',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
       if (!this.deptBudgetList.contractNo) {
         this.$message({
           message: '合同编号不能为空',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
@@ -586,7 +557,7 @@ export default {
       ) {
         this.$message({
           message: '合同编号长度不符合要求,请输入6-20个字符之内',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
@@ -599,7 +570,7 @@ export default {
         ) {
           this.$message({
             message: '质检员姓名长度错误！',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -608,7 +579,7 @@ export default {
         if (isNaN(this.deptBudgetList.warehouseInOutDetail.waterContent)) {
           this.$message({
             message: '水分（%）非数字!',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -628,7 +599,7 @@ export default {
         ) {
           this.$message({
             message: '水分（%）输入错误! 取值范围1-40之间且可以保留2小数',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -639,7 +610,7 @@ export default {
         if (isNaN(this.deptBudgetList.warehouseInOutDetail.impurity)) {
           this.$message({
             message: '杂质（%）非数字!',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -658,7 +629,7 @@ export default {
         ) {
           this.$message({
             message: '杂质（%）输入错误! 取值范围1-40之间且可以保留2小数',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -668,7 +639,7 @@ export default {
         if (isNaN(this.deptBudgetList.warehouseInOutDetail.mildewGrain)) {
           this.$message({
             message: '霉变粒（%）非数字!',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -688,7 +659,7 @@ export default {
         ) {
           this.$message({
             message: '霉变粒（%）输入错误! 取值范围1-40之间且可以保留2小数',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -699,7 +670,7 @@ export default {
         if (isNaN(this.deptBudgetList.warehouseInOutDetail.jiaorenli)) {
           this.$message({
             message: '热损伤（%）非数字!',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -718,7 +689,7 @@ export default {
         ) {
           this.$message({
             message: '热损伤（%）输入错误! 取值范围1-40之间且可以保留2小数',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -729,7 +700,7 @@ export default {
         if (isNaN(this.deptBudgetList.warehouseInOutDetail.imperfectGrain)) {
           this.$message({
             message: '不完整粒（%）非数字!',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -749,7 +720,7 @@ export default {
         ) {
           this.$message({
             message: '不完整粒（%）输入错误! 取值范围1-40之间且可以保留2小数',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -759,7 +730,7 @@ export default {
         if (isNaN(this.deptBudgetList.warehouseInOutDetail.bulkDensity)) {
           this.$message({
             message: '容重（克/升）非数字!',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -779,7 +750,7 @@ export default {
         ) {
           this.$message({
             message: '容重（克/升）输入错误! 取值范围1-40之间且是整数',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -788,18 +759,19 @@ export default {
       this.$confirm(`确定提交入库信息`, {
         cancelButtonText: '取消',
         confirmButtonText: '确定',
-        type: 'warning',
+        type: 'warning'
       })
         .then(() => {
-          this.$refs.deptBudgetList.validate((valid) => {
+          this.$refs.deptBudgetList.validate(valid => {
             if (valid) {
-              this.deptBudgetList.compId =
-                sessionStorage.getItem('ws-pf_compId')
+              this.deptBudgetList.compId = sessionStorage.getItem(
+                'ws-pf_compId'
+              )
               this.deptBudgetList.inOutFlag = 2
               this.deptBudgetList.statusFlag = 3
               addstorageputList(this.deptBudgetList)
                 .toPromise()
-                .then((response) => {
+                .then(response => {
                   this.$message.success('添加成功')
                   this.$router.push({ path: 'warehouseManagementList' })
                 })
@@ -817,14 +789,14 @@ export default {
       if (!this.deptBudgetList.goodsName) {
         this.$message({
           message: '货名不能为空',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
       if (!this.deptBudgetList.grossWeight) {
         this.$message({
           message: '毛重不能为空',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
@@ -838,14 +810,14 @@ export default {
       ) {
         this.$message({
           message: '毛重输入错误',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
       if (!this.deptBudgetList.tare) {
         this.$message({
           message: '皮重不能为空',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
@@ -859,14 +831,14 @@ export default {
       ) {
         this.$message({
           message: '皮重输入错误',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
       if (!this.deptBudgetList.agent) {
         this.$message({
           message: '经办人不能为空',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
@@ -876,28 +848,28 @@ export default {
       ) {
         this.$message({
           message: '经办人输入有误',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.carNo) {
-        this.$message({
-          message: '车牌号不能为空',
-          type: 'warning',
-        })
-        return
-      }
-      if (this.deptBudgetList.carNo.length > 7) {
-        this.$message({
-          message: '车牌号输入错误,请输入7个字符之内',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
+      // if (!this.deptBudgetList.carNo) {
+      //   this.$message({
+      //     message: '车牌号不能为空',
+      //     type: 'warning'
+      //   })
+      //   return
+      // }
+      // if (this.deptBudgetList.carNo.length > 7) {
+      //   this.$message({
+      //     message: '车牌号输入错误,请输入7个字符之内',
+      //     type: 'warning'
+      //   })
+      //   return
+      // }
       if (!this.deptBudgetList.contractNo) {
         this.$message({
           message: '合同编号不能为空',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
@@ -907,7 +879,7 @@ export default {
       ) {
         this.$message({
           message: '合同编号长度不符合要求,请输入6-20个字符之内',
-          type: 'warning',
+          type: 'warning'
         })
         return
       }
@@ -927,7 +899,7 @@ export default {
         ) {
           this.$message({
             message: '质检员姓名长度错误！',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -936,7 +908,7 @@ export default {
         if (isNaN(this.deptBudgetList.warehouseInOutDetail.waterContent)) {
           this.$message({
             message: '水分（%）非数字!',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -956,7 +928,7 @@ export default {
         ) {
           this.$message({
             message: '水分（%）输入错误! 取值范围1-40之间且可以保留2小数',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -967,7 +939,7 @@ export default {
         if (isNaN(this.deptBudgetList.warehouseInOutDetail.impurity)) {
           this.$message({
             message: '杂质（%）非数字!',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -986,7 +958,7 @@ export default {
         ) {
           this.$message({
             message: '杂质（%）输入错误! 取值范围1-40之间且可以保留2小数',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -996,7 +968,7 @@ export default {
         if (isNaN(this.deptBudgetList.warehouseInOutDetail.mildewGrain)) {
           this.$message({
             message: '霉变粒（%）非数字!',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -1016,7 +988,7 @@ export default {
         ) {
           this.$message({
             message: '霉变粒（%）输入错误! 取值范围1-40之间且可以保留2小数',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -1027,7 +999,7 @@ export default {
         if (isNaN(this.deptBudgetList.warehouseInOutDetail.jiaorenli)) {
           this.$message({
             message: '热损伤（%）非数字!',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -1046,7 +1018,7 @@ export default {
         ) {
           this.$message({
             message: '热损伤（%）输入错误! 取值范围1-40之间且可以保留2小数',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -1057,7 +1029,7 @@ export default {
         if (isNaN(this.deptBudgetList.warehouseInOutDetail.imperfectGrain)) {
           this.$message({
             message: '不完整粒（%）非数字!',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -1077,7 +1049,7 @@ export default {
         ) {
           this.$message({
             message: '不完整粒（%）输入错误! 取值范围1-40之间且可以保留2小数',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -1087,7 +1059,7 @@ export default {
         if (isNaN(this.deptBudgetList.warehouseInOutDetail.bulkDensity)) {
           this.$message({
             message: '容重（克/升）非数字!',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -1107,7 +1079,7 @@ export default {
         ) {
           this.$message({
             message: '容重（克/升）输入错误! 取值范围1-40之间且是整数',
-            type: 'warning',
+            type: 'warning'
           })
           return
         }
@@ -1115,18 +1087,19 @@ export default {
       this.$confirm(`暂存后可在待完成页面查看，确定暂存`, {
         cancelButtonText: '取消',
         confirmButtonText: '确定',
-        type: 'warning',
+        type: 'warning'
       })
         .then(() => {
-          this.$refs.deptBudgetList.validate((valid) => {
+          this.$refs.deptBudgetList.validate(valid => {
             if (valid) {
-              this.deptBudgetList.compId =
-                sessionStorage.getItem('ws-pf_compId')
+              this.deptBudgetList.compId = sessionStorage.getItem(
+                'ws-pf_compId'
+              )
               this.deptBudgetList.inOutFlag = 2
               this.deptBudgetList.statusFlag = 1
               addstorageputList(this.deptBudgetList)
                 .toPromise()
-                .then((response) => {
+                .then(response => {
                   this.$message.success('暂存成功')
                   this.$router.push({ path: 'warehouseManagementList' })
                 })
@@ -1192,47 +1165,47 @@ export default {
       // 货名
       pullDown({ constId: 'CON2' })
         .toPromise()
-        .then((response) => {
+        .then(response => {
           this.goodnameList = response
         })
       // 品级
       pullDown({ constId: 'CON3' })
         .toPromise()
-        .then((response) => {
+        .then(response => {
           this.gradeList = response
         })
       // 类型
       if (this.deptBudgetList.warehouseType == '1') {
         pullDown({ constId: 'CON5' })
           .toPromise()
-          .then((response) => {
+          .then(response => {
             this.storageType = response
           })
       } else if (this.deptBudgetList.warehouseType == '2') {
         pullDown({ constId: 'WARE1' })
           .toPromise()
-          .then((response) => {
+          .then(response => {
             this.storageType = response
           })
 
         pullDown({ constId: 'WARE2' })
           .toPromise()
-          .then((response) => {
+          .then(response => {
             this.deliveryType = response
           })
       }
       //合同编号
       xialaNo({ compId: sessionStorage.getItem('ws-pf_compId') })
         .toPromise()
-        .then((response) => {
+        .then(response => {
           this.outContractNo = response
         })
       //经办人
       getstaff({ compId: sessionStorage.getItem('ws-pf_compId') })
         .toPromise()
-        .then((response) => {
+        .then(response => {
           this.options = response
-           this.staffList = response
+          this.staffList = response
           //  this.agent = response
         })
     },
@@ -1260,10 +1233,10 @@ export default {
     handleExamine(row) {
       this.$router.push({
         name: 'salesContractExamine',
-        query: { id: row.id },
+        query: { id: row.id }
       })
-    },
-  },
+    }
+  }
 }
 </script>
 <style lang="scss" scoped>

vue.config.js

@@ -145,7 +145,7 @@ module.exports = {
         // target: 'http://standard-dev.winsea.com/', //目标地址
         // target: 'http://localhost:8090/',
         // target: 'http://192.168.1.121:8090/',
-        target: 'http://192.168.1.120:8090/',
+        target: 'http://192.168.1.116:8090/',
         // target: 'http://192.168.1.119:8090/',
         // target: 'http://192.168.24.5:8098',//目标地址
         // target: 'http://product-server.winsea.com/',