Browse Source

样式修改

wengyuwen 4 years ago
parent
commit
f76ba3549e

+ 2 - 1
src/views/basicdata/corps/index.vue

@@ -114,10 +114,11 @@
       <el-table-column
         :show-overflow-tooltip="true"
         label="名称" align="center" prop="fName"
+        width="260px"
       />
       <el-table-column
         :show-overflow-tooltip="true"
-        label="简称" align="center" prop="fCname" />
+        label="简称" align="center" width="200px" prop="fCname" />
       <el-table-column
         :show-overflow-tooltip="true"
         label="英文名称" align="center" prop="fEname" />

+ 3 - 3
src/views/basicdata/dept/index.vue

@@ -46,15 +46,15 @@
       :default-expand-all="false"
       :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
     >
-      <el-table-column prop="fName" label="仓库名称" width="260"></el-table-column>
-      <el-table-column prop="fTotalgross" label="库容(吨)" width="140"></el-table-column>
+      <el-table-column prop="fName" label="仓库名称" width="200"></el-table-column>
+      <el-table-column prop="fTotalgross" label="库容(吨)" width="100"></el-table-column>
       <el-table-column prop="fLocation" label="库位" width="100">
         <template slot-scope="scope">
           <span v-if="scope.row.fLocation === 0">否</span>
           <span v-else>是</span>
         </template>
       </el-table-column>
-      <el-table-column prop="fAddr" label="地址" width="100"></el-table-column>
+      <el-table-column prop="fAddr" label="地址" width="200"></el-table-column>
       <el-table-column prop="fContacts" label="联系人" width="100"></el-table-column>
       <el-table-column prop="fTel" label="电话" width="150"></el-table-column>
       <el-table-column prop="fCharg" label="计费" width="50">

+ 36 - 36
src/views/finance/charge/index.vue

@@ -181,42 +181,42 @@
       <el-table-column type="selection" width="100" align="center" />
       <el-table-column label="序号" type="index" width="55" align="center" fixed/>
       <el-table-column  label="制单人" align="center" prop="createBy" fixed/>
-      <el-table-column
-        v-for="(item, index) in getRowList"
-        :key="index"
-        :label="item.name"
-        :width="item.width"
-        :prop="item.label"
-        align="center"
-        :fixed="item.fixed"
-      />
-<!--      <el-table-column label="系统编号" :show-overflow-tooltip="true" align="center" prop="fBillno" width="120"/>-->
-<!--      <el-table-column label="货权方" sortable :show-overflow-tooltip="true" align="center" prop="fCtrlcorpid" width="220"/>-->
-<!--      <el-table-column label="制单日期" align="center" prop="createTime" width="120">-->
-<!--        <template slot-scope="scope">-->
-<!--          <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>-->
-<!--        </template>-->
-<!--      </el-table-column>-->
-<!--      <el-table-column label="收费日期" sortable align="center" prop="fAccbilldate" width="120"/>-->
-<!--      <el-table-column label="提单号" sortable align="center" prop="tMblno" width="120"/>-->
-<!--      <el-table-column label="收费方式"  align="center" prop="chargingMethod" :formatter="methodTypeFormat"/>-->
-<!--      <el-table-column label="发票号"  align="center" prop="invoiceNo" />-->
-<!--      <el-table-column label="收款银行"  align="center" prop="bank" />-->
-<!--      <el-table-column label="水单号"  align="center" prop="waterBillNo" />-->
-<!--      <el-table-column label="应收合计" align="center" prop="fAmtdr" width="120"/>-->
-<!--      <el-table-column label="实收合计" align="center" prop="fAmtcr" width="120"/>-->
-<!--      <el-table-column label="未收金额" align="center" prop="" width="120"/>-->
-<!--      <el-table-column label="备注" align="center" prop="fRemarks" width="120"/>-->
-<!--      <el-table-column label="状态" align="center" prop="fBillstatus" width="120">-->
-<!--        <template slot-scope="scope">-->
-<!--          <span v-if="scope.row.fBillstatus == '1'">保存</span>-->
-<!--          <span v-else-if="scope.row.fBillstatus == '2'">暂存</span>-->
-<!--          <span v-else-if="scope.row.fBillstatus == '3'">审批驳回</span>-->
-<!--          <span v-else-if="scope.row.fBillstatus == '4'">提交审核</span>-->
-<!--          <span v-else-if="scope.row.fBillstatus == '5'">审核中</span>-->
-<!--          <span v-else-if="scope.row.fBillstatus == '6'">审核完成</span>-->
-<!--        </template>-->
-<!--      </el-table-column>-->
+<!--      <el-table-column-->
+<!--        v-for="(item, index) in getRowList"-->
+<!--        :key="index"-->
+<!--        :label="item.name"-->
+<!--        :width="item.width"-->
+<!--        :prop="item.label"-->
+<!--        align="center"-->
+<!--        :fixed="item.fixed"-->
+<!--      />-->
+      <el-table-column label="系统编号" :show-overflow-tooltip="true" align="center" prop="fBillno" width="120"/>
+      <el-table-column label="货权方" sortable :show-overflow-tooltip="true" align="center" prop="fCtrlcorpid" width="220"/>
+      <el-table-column label="制单日期" align="center" prop="createTime" width="120">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="收费日期" sortable align="center" prop="fAccbilldate" width="120"/>
+      <el-table-column label="提单号" sortable align="center" prop="tMblno" width="120"/>
+      <el-table-column label="收费方式"  align="center" prop="chargingMethod" :formatter="methodTypeFormat"/>
+      <el-table-column label="发票号"  align="center" prop="invoiceNo" />
+      <el-table-column label="收款银行"  align="center" prop="bank" />
+      <el-table-column label="水单号"  align="center" prop="waterBillNo" />
+      <el-table-column label="应收合计" align="center" prop="fAmtdr" width="120"/>
+      <el-table-column label="实收合计" align="center" prop="fAmtcr" width="120"/>
+      <el-table-column label="未收金额" align="center" prop="" width="120"/>
+      <el-table-column label="备注" align="center" prop="fRemarks" width="120"/>
+      <el-table-column label="状态" align="center" prop="fBillstatus" width="120">
+        <template slot-scope="scope">
+          <span v-if="scope.row.fBillstatus == '1'">保存</span>
+          <span v-else-if="scope.row.fBillstatus == '2'">暂存</span>
+          <span v-else-if="scope.row.fBillstatus == '3'">审批驳回</span>
+          <span v-else-if="scope.row.fBillstatus == '4'">提交审核</span>
+          <span v-else-if="scope.row.fBillstatus == '5'">审核中</span>
+          <span v-else-if="scope.row.fBillstatus == '6'">审核完成</span>
+        </template>
+      </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width" min-width="180">
         <template slot-scope="scope">
           <el-button

+ 1 - 1
src/views/finance/contrast/index.vue

@@ -539,7 +539,7 @@
               filterable
               remote
               clearable
-              style="width: 200px"
+              style="width: 300px"
               size="small"
               @keyup.enter.native="handleQuery"
               :remote-method="corpsRemoteMethod"

+ 12 - 5
src/views/reportManagement/Statistics/index.vue

@@ -133,15 +133,15 @@
 
     <el-table v-loading="loading" :data="whgenlegList" show-summary :summary-method="getSum">
       <!-- <el-table-column type="selection" width="55" align="center" /> -->
-      <el-table-column type="index" label="行号" align="center" width="100"/>
-      <el-table-column label="客户" sortable align="center" prop="fName" width="220"/>
-      <el-table-column label="入库日期" sortable align="center" prop="fBsdate" width="120">
+      <el-table-column type="index" label="行号" align="center" width="100" fixed/>
+      <el-table-column label="客户" sortable align="center" prop="fName" width="260" fixed/>
+      <el-table-column label="入库日期" sortable align="center" prop="fBsdate" width="120" fixed>
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.fBsdate, "{y}-{m}-{d}") }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="提单号" sortable align="center" prop="fMblno" show-overflow-tooltip width="216"/>
-      <el-table-column label="出入库类型" align="center" prop="fBilltype" width="120"/>
+      <el-table-column label="提单号" sortable align="center" fixed prop="fMblno" show-overflow-tooltip width="216"/>
+      <el-table-column label="出入库类型" align="center" prop="fBilltype" width="100"/>
       <el-table-column label="货物属性" align="center" prop="fBusinessTypes" width="120"/>
       <el-table-column label="属性详情" align="center" prop="fMarks" width="120"/>
       <el-table-column label="品名" align="center" prop="fGoodsName" width="120"/>
@@ -591,3 +591,10 @@ export default {
   }
 };
 </script>
+<style lang="scss">
+.el-table {
+  .el-table__body-wrapper {
+    z-index: 2;
+  }
+}
+</style>

+ 196 - 108
src/views/reportManagement/profitGeneralLedger/index.vue

@@ -7,6 +7,7 @@
           filterable
           remote
           clearable
+          style="width: 200px"
           size="small"
           @keyup.enter.native="handleQuery"
           :remote-method="corpsRemoteMethod"
@@ -25,6 +26,7 @@
           v-model="queryParams.fMblno"
           placeholder="请输入提单号"
           clearable
+          style="width: 200px"
           size="small"
           @keyup.enter.native="handleQuery"
         />
@@ -37,6 +39,7 @@
           remote
           clearable
           style="width: 200px"
+          size="small"
           @keyup.enter.native="handleQuery"
           :remote-method="corpsRemoteMethod"
         >
@@ -55,6 +58,7 @@
           remote
           clearable
           size="small"
+          style="width: 200px"
           :remote-method="goodsRemoteMethod"
           @keyup.enter.native="handleQuery"
           placeholder="请选择货物名称"
@@ -72,13 +76,16 @@
           v-model="queryParams.fMarks"
           placeholder="请输入品牌"
           clearable
+          style="width: 200px"
           size="small"
-          @keyup.enter.native="handleQuery"/>
+          @keyup.enter.native="handleQuery"
+        />
       </el-form-item>
       <el-form-item label="结算状态" prop="fReconciliation">
         <el-select
           v-model="queryParams.fReconciliation"
           clearable
+          style="width: 200px"
           size="small"
           @keyup.enter.native="handleQuery"
         >
@@ -91,6 +98,7 @@
         <el-select
           v-model="queryParams.fBillstatus"
           clearable
+          style="width: 200px"
           size="small"
           @keyup.enter.native="handleQuery"
         >
@@ -99,16 +107,50 @@
 
         </el-select>
       </el-form-item>
+      <el-form-item label="作业类型" prop="fBusinessType">
+        <el-select
+          style="width: 200px"
+          multiple
+          v-model="queryParams.fBusinessType"
+          filterable
+        >
+          <el-option
+            v-for="(dict, index) in businessTypeOption"
+            :key="dict.dictValue"
+            :label="dict.dictLabel"
+            :value="dict.dictValue"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="费用名称" prop="fFeeid">
+        <el-select
+          style="width: 200px"
+          multiple
+          :remote-method="fWRemoteMethod"
+          v-model="queryParams.fFeeid"
+          filterable
+        >
+          <el-option
+            v-for="(dict, index) in fWbuOptions"
+            :key="index.fId"
+            :label="dict.fName"
+            :value="dict.fId"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+
       <el-form-item label="审核日期" prop="timeExamine">
         <el-date-picker
           v-model="queryParams.timeExamine"
           type="daterange"
           value-format="yyyy-MM-dd"
           clearable
+          style="width: 280px"
           range-separator="至"
           start-placeholder="开始日期"
           end-placeholder="结束日期"
-          @keyup.enter.native="handleQuery">
+          @keyup.enter.native="handleQuery"
+        >
         </el-date-picker>
       </el-form-item>
 
@@ -126,25 +168,26 @@
           size="mini"
           @click="handleExport"
           v-hasPermi="['warehouseBusiness:whgenleg:export']"
-        >导出</el-button>
+        >导出
+        </el-button>
       </el-col>
-	  <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <el-table v-loading="loading" :data="receivableList" show-summary :summary-method="getSum">
       <!-- <el-table-column type="selection" width="55" align="center" /> -->
       <el-table-column type="index" label="行号" align="center" width="100"/>
       <el-table-column label="货权方" sortable align="center" prop="fName" width="220"/>
-      <el-table-column label="结算单位" sortable align="center" prop="fFeesName" width="220" />
-      <el-table-column label="提单号" sortable align="center" prop="fMblno" width="216" show-overflow-tooltip />
+      <el-table-column label="结算单位" sortable align="center" prop="fFeesName" width="220"/>
+      <el-table-column label="提单号" sortable align="center" prop="fMblno" width="216" show-overflow-tooltip/>
       <el-table-column label="货物名称" align="center" prop="fProductName" show-overflow-tooltip/>
       <el-table-column label="品牌" align="center" prop="fMarks" width="120"/>
       <el-table-column label="审核日期" align="center" prop="fReviewDate">
         <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.fReviewDate, "{y}-{m}-{d}") }}</span>
+          <span>{{ parseTime(scope.row.fReviewDate, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="应收金额" align="center" prop="fAmount" />
+      <el-table-column label="应收金额" align="center" prop="fAmount"/>
       <el-table-column label="应付金额" align="center" prop="fStlamount"/>
       <el-table-column label="利润" align="center" prop="nnfinished"/>
     </el-table>
@@ -161,18 +204,32 @@
 </template>
 
 <script>
-import { listpayable,listWhgenleg, getWhgenleg, delWhgenleg, addWhgenleg, updateWhgenleg, exportWhgenleg } from "@/api/reportManagement/profit";
-import {listWarehouse} from "@/api/basicdata/warehouse";
-import {listArea} from "@/api/basicdata/area";
-import {listGoods} from "@/api/basicdata/goods";
-import {listCorps} from "@/api/basicdata/corps";
+import {
+  listpayable,
+  listWhgenleg,
+  getWhgenleg,
+  delWhgenleg,
+  addWhgenleg,
+  updateWhgenleg,
+  exportWhgenleg
+} from '@/api/reportManagement/profit'
+import { listWarehouse } from '@/api/basicdata/warehouse'
+import { listArea } from '@/api/basicdata/area'
+import { listGoods } from '@/api/basicdata/goods'
+import { listCorps } from '@/api/basicdata/corps'
+import { listFees } from '@/api/basicdata/fees'
 
 export default {
-  name: "generalLedgerDr",
-  components: {
-  },
+  name: 'generalLedgerDr',
+  components: {},
   data() {
     return {
+      //费用名称
+      fWbuOptions:[],
+      businessInTypeOption:[],
+      businessOutTypeOption:[],
+      businessTransTypeOption:[],
+      businessTypeOption: [],
       // 货权方(客户数据)
       fMblnoOptions: [],
       // 贸易方式(数据字典),对应t_trademodels 字典
@@ -191,7 +248,7 @@ export default {
       // 库存总账表格数据
       receivableList: [],
       // 弹出层标题
-      title: "",
+      title: '',
       // 是否显示弹出层
       open: false,
       // 查询参数
@@ -206,119 +263,150 @@ export default {
         fMarks: null,
         fReconciliation: null,
         fBillstatus: null,
+        fBusinessType:null,
+        fFeeid:null
       },
       // 表单参数
       form: {},
       // 表单校验
       rules: {
         fMarks: [
-          { required: true, message: "唛头不能为空", trigger: "blur" }
-        ],
+          { required: true, message: '唛头不能为空', trigger: 'blur' }
+        ]
       }
-    };
+    }
   },
   created() {
-    this.getList();
-    this.getDicts("data_trademodes").then((response) => {
-      this.fTrademodeidOptions = response.data;
-    });
+    /* 远程模糊查询费用名称 */
+    this.fWRemoteMethod()
+    let this_ = this
+    this_.getList()
+    this_.getDicts('data_trademodes').then((response) => {
+      this_.fTrademodeidOptions = response.data
+    })
+    this_.getDicts('st_in_type').then((response) => {
+      this_.businessInTypeOption = response.data
+      this_.getDicts('st_out_type').then((response) => {
+        this_.businessOutTypeOption = response.data
+        this_.getDicts('st_trans_type').then((response) => {
+          this_.businessTransTypeOption = response.data
+          this_.merge(this_.businessOutTypeOption,this_.businessInTypeOption,this_.businessTransTypeOption)
+        })
+      })
+    })
+
   },
   methods: {
-    getSum(param){
-        const { columns, data } = param
-        const sums = []
-        columns.forEach((column, index) => {
-          if (index === 0) {
-            sums[index] = '总计'
-          } else if (index ===7  || index ===8 || index ===9 ) {
-            const values = data.map(item => Number(item[column.property]))
-            if (!values.every(value => isNaN(value))) {
-              sums[index] = values.reduce((prev, curr) => {
-                const value = Number(curr)
-                if (!isNaN(value)) {
-                  return prev + curr
-                } else {
-                  return prev
-                }
-              }, 0)
-            }
+    getSum(param) {
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = '总计'
+        } else if (index === 7 || index === 8 || index === 9) {
+          const values = data.map(item => Number(item[column.property]))
+          if (!values.every(value => isNaN(value))) {
+            sums[index] = values.reduce((prev, curr) => {
+              const value = Number(curr)
+              if (!isNaN(value)) {
+                return prev + curr
+              } else {
+                return prev
+              }
+            }, 0)
           }
-        })
-        return sums
-      },
+        }
+      })
+      return sums
+    },
 
     // 贸易方式(数据字典),对���t_trademodels 字典翻译
     fTrademodeidFormat(row, column) {
-      return this.selectDictLabel(this.fTrademodeidOptions, row.fTrademodeid);
+      return this.selectDictLabel(this.fTrademodeidOptions, row.fTrademodeid)
     },
     /* 远程模糊查询仓库 */
     warehouseRemoteMethod(name) {
-      if (name == null || name === "") {
-        return false;
+      if (name == null || name === '') {
+        return false
       }
-      let queryParams = { pageNum: 1, pageSize: 10, fName: name };
+      let queryParams = { pageNum: 1, pageSize: 10, fName: name }
       listWarehouse(queryParams).then((response) => {
-        this.warehouseOptions = response.rows;
+        this.warehouseOptions = response.rows
+      })
+    },
+    /* 远程模糊查询费用名称 */
+    fWRemoteMethod(name) {
+      // if (name == null || name === "") {
+      //   return false;
+      // }
+      let queryParams = { pageNum: 1, fName: name };
+      console.log(queryParams)
+      listFees(queryParams).then((response) => {
+        this.fWbuOptions = response.rows
+        console.log(response)
       });
     },
     /* 远程模糊查询库区 */
     kqhouseRemoteMethod(name) {
-      if (name == null || name === "") {
-        return false;
+      if (name == null || name === '') {
+        return false
       }
       if (!this.queryParams.fWarehouseid) {
-        this.$message.error("请输入仓库!");
-        return false;
+        this.$message.error('请输入仓库!')
+        return false
       }
 
       let queryParams = {
         pageNum: 1,
         pageSize: 10,
         fWarehouseid: this.queryParams.fWarehouseid,
-        fName: name,
-      };
+        fName: name
+      }
       listArea(queryParams).then((response) => {
-        this.kqhouseOptions = response.rows;
-      });
+        this.kqhouseOptions = response.rows
+      })
     },
     /* 远程模糊查询商品 */
     goodsRemoteMethod(name) {
-      if (name == null || name === "") {
-        return false;
+      if (name == null || name === '') {
+        return false
       }
-      let queryParams = { pageNum: 1, pageSize: 10, fName: name };
+      let queryParams = { pageNum: 1, pageSize: 10, fName: name }
       listGoods(queryParams).then((response) => {
-        this.goodsOptions = response.rows;
-      });
+        this.goodsOptions = response.rows
+      })
     },
     /* 远程模糊查询用户 */
     corpsRemoteMethod(name) {
-      if (name == null || name === "") {
-        return false;
+      if (name == null || name === '') {
+        return false
       }
-      let queryParams = { pageNum: 1, pageSize: 10, fName: name };
+      let queryParams = { pageNum: 1, pageSize: 10, fName: name }
       listCorps(queryParams).then((response) => {
-        this.fMblnoOptions = response.rows;
-        this.KHblnoOptions = response.rows;
-      });
+        this.fMblnoOptions = response.rows
+        this.KHblnoOptions = response.rows
+      })
+    },
+    merge(index,list,err){
+      this.businessTypeOption = this.businessTypeOption.concat(index,list,err)
     },
     /** 查询库存总账列表 */
     getList() {
-      this.loading = true;
+      this.loading = true
       this.getDicts('approval_process').then((response) => {
         this.options = response.data
       })
       listpayable(this.queryParams).then(response => {
-        console.log(response)
-        this.receivableList = response.rows;
-        this.total = response.total;
-        this.loading = false;
-      });
+        this.receivableList = response.rows
+        this.total = response.total
+        this.loading = false
+      })
     },
+
     // 取消按钮
     cancel() {
-      this.open = false;
-      this.reset();
+      this.open = false
+      this.reset()
     },
     // 表单重置
     reset() {
@@ -347,7 +435,7 @@ export default {
         fGrossweightblc: null,
         fNetweightblc: null,
         fCntrno: null,
-        fStatus: "0",
+        fStatus: '0',
         delFlag: null,
         createBy: null,
         fMarks: null,
@@ -355,58 +443,58 @@ export default {
         updateBy: null,
         updateTime: null,
         remark: null
-      };
-      this.resetForm("form");
+      }
+      this.resetForm('form')
     },
     /** 搜索按钮操作 */
     handleQuery() {
-      this.queryParams.pageNum = 1;
-      this.getList();
+      this.queryParams.pageNum = 1
+      this.getList()
     },
     /** 重置按钮操作 */
     resetQuery() {
-      this.resetForm("queryForm");
-      this.handleQuery();
+      this.resetForm('queryForm')
+      this.handleQuery()
     },
     /** 新增按钮操作 */
     handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "添加库存总账";
+      this.reset()
+      this.open = true
+      this.title = '添加库存总账'
     },
     /** 提交按钮 */
     submitForm() {
-      this.$refs["form"].validate(valid => {
+      this.$refs['form'].validate(valid => {
         if (valid) {
           if (this.form.fAccyear != null) {
             updateWhgenleg(this.form).then(response => {
-              this.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            });
+              this.msgSuccess('修改成功')
+              this.open = false
+              this.getList()
+            })
           } else {
             addWhgenleg(this.form).then(response => {
-              this.msgSuccess("新增成功");
-              this.open = false;
-              this.getList();
-            });
+              this.msgSuccess('新增成功')
+              this.open = false
+              this.getList()
+            })
           }
         }
-      });
+      })
     },
     /** 导出按钮操作 */
     handleExport() {
-      const queryParams = this.queryParams;
-      this.$confirm('是否确认导出所有库存总账数据项?', "警告", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        }).then(function() {
-          return exportWhgenleg(queryParams);
-        }).then(response => {
-          this.download(response.msg);
-        })
+      const queryParams = this.queryParams
+      this.$confirm('是否确认导出所有库存总账数据项?', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(function() {
+        return exportWhgenleg(queryParams)
+      }).then(response => {
+        this.download(response.msg)
+      })
     }
   }
-};
+}
 </script>

+ 43 - 43
src/views/warehouseBusiness/goodsTransfer/index.vue

@@ -315,48 +315,48 @@
     >
       <el-table-column type="selection" width="60" align="center"/>
       <el-table-column type="index" label="行号" align="center"/>
-            <el-table-column
-              v-for="(item, index) in getRowList"
-              :key="index"
-              :label="item.name"
-              :width="item.width"
-              :prop="item.label"
-              align="center"
-              :fixed="item.fixed"
-            />
-<!--      <el-table-column  label="制单人" align="center" prop="createBy" />-->
-<!--      <el-table-column width="220" label="货权方" sortable align="center" prop="fCorpid"/>-->
-<!--      <el-table-column width="220" label="转货权方" sortable align="center" prop="fTocorpid"/>-->
-<!--      <el-table-column label="品名" :show-overflow-tooltip="true" align="ceter" prop="fProductName" />-->
-<!--      <el-table-column :show-overflow-tooltip="true" label="品牌" align="center" prop="fMarks"/>-->
-<!--      <el-table-column width="160" label="业务编号" align="center" prop="fBillno"/>-->
-<!--      <el-table-column label="货转日期" sortable align="center" prop="fBsdate" width="180">-->
-<!--        <template slot-scope="scope">-->
-<!--          <span>{{ parseTime(scope.row.fBsdate, '{y}-{m}-{d}') }}</span>-->
-<!--        </template>-->
-<!--      </el-table-column>-->
-<!--      <el-table-column label="贸易方式" align="center" prop="fTrademodeid" :formatter="fTrademodeidFormat"/>-->
-<!--      <el-table-column label="仓库" sortable align="center" prop="fWarehouseid"/>-->
-<!--      <el-table-column label="件数" align="center" prop="fQty"/>-->
-<!--      <el-table-column label="毛重(kg)" align="center" prop="fGrossweight"/>-->
-<!--      <el-table-column label="净重(kg)" align="center" prop="fNetweight"/>-->
-<!--      <el-table-column width="100" label="货转状态" align="center" prop="fItemsStatus">-->
-<!--        <template slot-scope="scope">-->
-<!--          <span v-if="scope.row.fItemsStatus === 1">计划</span>-->
-<!--          <span v-if="scope.row.fItemsStatus === 2">待货转</span>-->
-<!--          <span v-if="scope.row.fItemsStatus === 6">已货转</span>-->
-<!--        </template>-->
-<!--      </el-table-column>-->
-<!--      <el-table-column label="费用状态" align="center" prop="fBillstatus" width="120">-->
-<!--        <template slot-scope="scope">-->
-<!--          <span v-if="scope.row.fBillstatus == '1'">保存</span>-->
-<!--          <span v-else-if="scope.row.fBillstatus == '2'">暂存</span>-->
-<!--          <span v-else-if="scope.row.fBillstatus == '3'">审批驳回</span>-->
-<!--          <span v-else-if="scope.row.fBillstatus == '4'">提交审核</span>-->
-<!--          <span v-else-if="scope.row.fBillstatus == '5'">审核中</span>-->
-<!--          <span v-else-if="scope.row.fBillstatus == '6'">审核完成</span>-->
-<!--        </template>-->
-<!--      </el-table-column>-->
+<!--            <el-table-column-->
+<!--              v-for="(item, index) in getRowList"-->
+<!--              :key="index"-->
+<!--              :label="item.name"-->
+<!--              :width="item.width"-->
+<!--              :prop="item.label"-->
+<!--              align="center"-->
+<!--              :fixed="item.fixed"-->
+<!--            />-->
+      <el-table-column  label="制单人" align="center" prop="createBy" fixed />
+      <el-table-column width="220" label="货权方" sortable align="center" prop="fCorpid" fixed/>
+      <el-table-column width="220" label="转货权方" sortable align="center" prop="fTocorpid" fixed/>
+      <el-table-column label="品名" :show-overflow-tooltip="true" align="ceter" prop="fProductName" fixed/>
+      <el-table-column :show-overflow-tooltip="true" label="品牌" align="center" prop="fMarks" fixed/>
+      <el-table-column width="160" label="业务编号" align="center" prop="fBillno" fixed/>
+      <el-table-column label="货转日期" sortable align="center" prop="fBsdate" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.fBsdate, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="贸易方式" align="center" prop="fTrademodeid" :formatter="fTrademodeidFormat"/>
+      <el-table-column label="仓库" sortable align="center" prop="fWarehouseid"/>
+      <el-table-column label="件数" align="center" prop="fQty"/>
+      <el-table-column label="毛重(kg)" align="center" prop="fGrossweight"/>
+      <el-table-column label="净重(kg)" align="center" prop="fNetweight"/>
+      <el-table-column width="100" label="货转状态" align="center" prop="fItemsStatus">
+        <template slot-scope="scope">
+          <span v-if="scope.row.fItemsStatus === 1">计划</span>
+          <span v-if="scope.row.fItemsStatus === 2">待货转</span>
+          <span v-if="scope.row.fItemsStatus === 6">已货转</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="费用状态" align="center" prop="fBillstatus" width="120">
+        <template slot-scope="scope">
+          <span v-if="scope.row.fBillstatus == '1'">保存</span>
+          <span v-else-if="scope.row.fBillstatus == '2'">暂存</span>
+          <span v-else-if="scope.row.fBillstatus == '3'">审批驳回</span>
+          <span v-else-if="scope.row.fBillstatus == '4'">提交审核</span>
+          <span v-else-if="scope.row.fBillstatus == '5'">审核中</span>
+          <span v-else-if="scope.row.fBillstatus == '6'">审核完成</span>
+        </template>
+      </el-table-column>
       <el-table-column
         label="操作"
         align="center"
@@ -426,7 +426,7 @@
             <span style="display:inline-block;width:3px;height:20px;margin-right:5px; float: left;margin-top:2px"></span>
             </span>
           <div class="avue-crud__dialog__menu enlarge" @click="full">
-            <i class="el-icon-full-screen"></i>
+            <i  style="cursor: pointer;display: block;width:12px;height:12px;border:1px solid #909399;border-top:3px solid #909399;margin-top: -3px;"></i>
           </div>
         </div>
       </template>

+ 102 - 99
src/views/warehouseBusiness/inStock/index.vue

@@ -351,7 +351,8 @@
 <!--        :show-overflow-tooltip="true"-->
 <!--      />-->
 
-            <el-table-column  label="制单人" align="center" prop="createBy" fixed/>
+      <el-table-column  label="制单人" align="center" prop="createBy" fixed/>
+      <el-table-column  label="仓管员" width="100" align="center" sortable prop="fStorekeeper" fixed/>
       <el-table-column width="100" label="入库状态" fixed sortable align="center" prop="fItemsStatus">
         <template slot-scope="scope">
           <span v-if="scope.row.fItemsStatus === 1">计划</span>
@@ -362,6 +363,7 @@
       </el-table-column>
       <el-table-column label="货权方" fixed sortable width="220" align="center" prop="fCorpid"/>
       <el-table-column label="提单号" sortable fixed width="216" align="center" prop="fMblno" show-overflow-tooltip />
+      <el-table-column label="计划品名" sortable fixed align="center" prop="fGoodsid" width="100" />
       <el-table-column label="品名" fixed :show-overflow-tooltip="true" align="center" prop="fProductName" />
       <el-table-column label="品牌" fixed align="center" prop="fMarks" />
       <el-table-column label="入库日期" fixed sortable align="center" prop="fBsdate" width="100">
@@ -459,7 +461,7 @@
             <span style="display:inline-block;width:3px;height:20px;margin-right:5px; float: left;margin-top:2px"></span>
             </span>
           <div class="avue-crud__dialog__menu enlarge" @click="full">
-            <i class="el-icon-full-screen"></i>
+            <i  style="cursor: pointer;display: block;width:12px;height:12px;border:1px solid #909399;border-top:3px solid #909399;margin-top: -3px;"></i>
           </div>
         </div>
       </template>
@@ -532,19 +534,6 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item prop="fChargedate" label="入库日期">
-              <el-date-picker
-                v-model="form.fChargedate"
-                type="date"
-                style="width:80%"
-                :disabled="browseStatus || formBrowseStatus"
-                placeholder="仓储费计算日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-
-          <el-col :span="8">
             <el-form-item label="入库时间" prop="fBstime">
               <el-time-picker
                 style="width: 80%"
@@ -557,6 +546,20 @@
               </el-time-picker>
             </el-form-item>
           </el-col>
+
+          <el-col :span="8">
+            <el-form-item prop="fChargedate" label="仓储费计算日期">
+              <el-date-picker
+                v-model="form.fChargedate"
+                type="date"
+                style="width:80%"
+                :disabled="browseStatus || formBrowseStatus"
+                placeholder="仓储费计算日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+
           <el-col :span="8">
             <el-form-item
               prop="fGoodsid"
@@ -660,6 +663,71 @@
         </el-row>
         <el-row>
           <el-col :span="8">
+            <el-form-item label="作业类型" prop="fBusinessType">
+              <el-select
+                style="width: 80%"
+                v-model="form.fBusinessType"
+                filterable
+                @change="educationChange"
+                :disabled="contrOl || browseStatus"
+              >
+                <el-option
+                  v-for="(dict) in businessTypeOption"
+                  :key="dict.dictValue"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="劳务公司" prop="fLabour">
+              <el-select
+                style="width: 80%"
+                v-model="form.fLabour"
+                :remote-method="flabourRemoteMethod"
+                filterable
+                remote
+                :disabled="contrOl || browseStatus"
+                placeholder="请输入劳务公司">
+                <el-option
+                  v-for="(dict, index) in fCompanyOptIons"
+                  :key="index.fId"
+                  :label="dict.fName"
+                  :value="dict.fId"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="车队" prop="fFleet"
+                          :rules="{
+              required: isrequired === 1 ? true : false,
+           message: '请选择',
+           trigger: ['blur', 'change']
+            }"
+            >
+              <el-select
+                style="width: 80%"
+                v-model="form.fFleet"
+                filterable
+                remote
+                :remote-method="fleetRemoteMethod"
+                :disabled="contrOl || browseStatus"
+                placeholder="请输入车队">
+                <el-option
+                  v-for="(dict, index) in fleetOptions"
+                  :key="index.fId"
+                  :label="dict.fName"
+                  :value="dict.fId"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="8">
             <el-form-item label="计费单位" prop="fFeetunit">
               <el-select
                 v-model="form.fFeetunit"
@@ -744,71 +812,6 @@
               />
             </el-form-item>
           </el-col>
-          <el-col :span="8">
-            <el-form-item label="作业类型" prop="fBusinessType">
-              <el-select
-                style="width: 80%"
-                v-model="form.fBusinessType"
-                filterable
-                @change="educationChange"
-                :disabled="contrOl || browseStatus"
-              >
-                <el-option
-                  v-for="(dict) in businessTypeOption"
-                  :key="dict.dictValue"
-                  :label="dict.dictLabel"
-                  :value="dict.dictValue"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-
-          <el-col :span="8">
-            <el-form-item label="劳务公司" prop="fLabour">
-              <el-select
-                style="width: 80%"
-                v-model="form.fLabour"
-                :remote-method="flabourRemoteMethod"
-                filterable
-                remote
-                :disabled="contrOl || browseStatus"
-                placeholder="请输入劳务公司">
-                <el-option
-                  v-for="(dict, index) in fCompanyOptIons"
-                  :key="index.fId"
-                  :label="dict.fName"
-                  :value="dict.fId"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="车队" prop="fFleet"
-                          :rules="{
-              required: isrequired === 1 ? true : false,
-           message: '请选择',
-           trigger: ['blur', 'change']
-            }"
-            >
-              <el-select
-                style="width: 80%"
-                v-model="form.fFleet"
-                filterable
-                remote
-                :remote-method="fleetRemoteMethod"
-                :disabled="contrOl || browseStatus"
-                placeholder="请输入车队">
-                <el-option
-                  v-for="(dict, index) in fleetOptions"
-                  :key="index.fId"
-                  :label="dict.fName"
-                  :value="dict.fId"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
         </el-row>
         <el-row>
           <el-col :span="14">
@@ -1441,7 +1444,7 @@
               header-align="center"
               width="130px"
               align="center"
-              label="*司机名"
+              label="司机名"
             >
               <template slot-scope="scope">
                 <el-input
@@ -1463,7 +1466,7 @@
               header-align="center"
               width="200px"
               align="center"
-              label="*司机电话"
+              label="司机电话"
             >
               <template slot-scope="scope">
                 <el-input
@@ -1484,7 +1487,7 @@
               header-align="center"
               width="200px"
               align="center"
-              label="*司机身份证"
+              label="司机身份证"
             >
               <template slot-scope="scope">
                 <el-input
@@ -4247,14 +4250,14 @@ export default {
             this.$message.error('请输入属性详情')
             return false
           }
-          if (!this.Printinglist[li].fDriverName) {
-            this.$message.error('请输入司机姓名')
-            return false
-          }
-          if (!this.Printinglist[li].fDriverTel) {
-            this.$message.error('请输入司机电话')
-            return false
-          }
+          // if (!this.Printinglist[li].fDriverName) {
+          //   this.$message.error('请输入司机姓名')
+          //   return false
+          // }
+          // if (!this.Printinglist[li].fDriverTel) {
+          //   this.$message.error('请输入司机电话')
+          //   return false
+          // }
           if (!this.Printinglist[li].fTruckno) {
             this.$message.error('请输入车号')
             return false
@@ -4263,10 +4266,10 @@ export default {
             this.$message.error('请选择车相同车号')
             return false
           }
-          if (this.Printinglist[li].fDriverName !== this.Printinglist[0].fDriverName) {
-            this.$message.error('请选择相同司机名')
-            return false
-          }
+          // if (this.Printinglist[li].fDriverName !== this.Printinglist[0].fDriverName) {
+          //   this.$message.error('请选择相同司机名')
+          //   return false
+          // }
           if (!this.Printinglist[li].fBusinessType) {
             this.$message.error('请先维护业务类型!')
             return false
@@ -5178,10 +5181,10 @@ export default {
             this.$message.error('请选择入库件数')
             return false
           }
-          if (!this.dataListSelection[warehouseCr].fDriverName) {
-            this.$message.error('请输入司机姓名')
-            return false
-          }
+          // if (!this.dataListSelection[warehouseCr].fDriverName) {
+          //   this.$message.error('请输入司机姓名')
+          //   return false
+          // }
         }
         if (valid) {
           let formData = new window.FormData()

+ 16 - 15
src/views/warehouseBusiness/outStock/index.vue

@@ -327,6 +327,7 @@
       <el-table-column type="selection" width="60" fixed align="center" />
       <el-table-column type="index" label="行号" fixed align="center" />
       <el-table-column  label="制单人" align="center" prop="createBy" fixed/>
+      <el-table-column  label="仓管员" width="100" align="center" sortable prop="fStorekeeper" fixed/>
       <el-table-column width="100" label="出库状态" fixed sortable align="center" prop="fItemsStatus">
         <template slot-scope="scope">
           <span v-if="scope.row.fItemsStatus === 1">计划</span>
@@ -452,7 +453,7 @@
             <span style="display:inline-block;width:3px;height:20px;margin-right:5px; float: left;margin-top:2px"></span>
             </span>
           <div class="avue-crud__dialog__menu enlarge" @click="full">
-            <i class="el-icon-full-screen"></i>
+            <i  style="cursor: pointer;display: block;width:12px;height:12px;border:1px solid #909399;border-top:3px solid #909399;margin-top: -3px;"></i>
           </div>
         </div>
       </template>
@@ -4348,12 +4349,12 @@ export default {
         // } else if (!this.printinglist[li].fDriverIdCar) {
         //   this.$message.error('请选填写司机身份证')
         //   return false
-        } else if (!this.printinglist[li].fDriverName) {
-          this.$message.error('请输入司机姓名')
-          return false
-        } else if (!this.printinglist[li].fDriverTel) {
-          this.$message.error('请输入司机电话')
-          return false
+        // } else if (!this.printinglist[li].fDriverName) {
+        //   this.$message.error('请输入司机姓名')
+        //   return false
+        // } else if (!this.printinglist[li].fDriverTel) {
+        //   this.$message.error('请输入司机电话')
+        //   return false
         }
       }
       if (this.dataWithdrawList.length > 0 || this.dataListSelection.length > 0) {
@@ -4423,14 +4424,14 @@ export default {
             this.$message.error("请选择入库件数");
             return false;
           }
-          if (!this.printinglist[warehouseCr].fDriverName) {
-            this.$message.error("请输入司机姓名");
-            return false;
-          }
-          if (!this.printinglist[warehouseCr].fDriverTel) {
-            this.$message.error("请输入司机电话");
-            return false;
-          }
+          // if (!this.printinglist[warehouseCr].fDriverName) {
+          //   this.$message.error("请输入司机姓名");
+          //   return false;
+          // }
+          // if (!this.printinglist[warehouseCr].fDriverTel) {
+          //   this.$message.error("请输入司机电话");
+          //   return false;
+          // }
         }
         this.openPrintJobSheet = true;
       } else {

+ 7 - 6
src/views/warehouseBusiness/stockTransfer/index.vue

@@ -336,6 +336,7 @@
 <!--              align="center"-->
 <!--            />-->
       <el-table-column  label="制单人" align="center" prop="createBy" fixed/>
+      <el-table-column  label="仓管员" width="100" align="center" sortable prop="fStorekeeper" fixed/>
       <el-table-column width="100" fixed sortable label="调拨状态" align="center" prop="fItemsStatus">
         <template slot-scope="scope">
           <span v-if="scope.row.fItemsStatus === 1">计划</span>
@@ -3579,12 +3580,12 @@ export default {
           if (!this.printinglist[warehouseCr].fWarehouseInformation) {
             this.$message.error('请选择调入库位')
             return false
-          } else if (!this.printinglist[warehouseCr].fDriverName || this.printinglist[warehouseCr].fDriverName !== this.printinglist[0].fDriverName) {
-            this.$message.error('请选择相同司机名')
-            return false
-          } else if (!this.printinglist[warehouseCr].fDriverTel || this.printinglist[warehouseCr].fDriverTel !== this.printinglist[0].fDriverTel) {
-            this.$message.error('请选择相同司机电话')
-            return false
+          // } else if (!this.printinglist[warehouseCr].fDriverName || this.printinglist[warehouseCr].fDriverName !== this.printinglist[0].fDriverName) {
+          //   this.$message.error('请选择相同司机名')
+          //   return false
+          // } else if (!this.printinglist[warehouseCr].fDriverTel || this.printinglist[warehouseCr].fDriverTel !== this.printinglist[0].fDriverTel) {
+          //   this.$message.error('请选择相同司机电话')
+          //   return false
           } else if (!this.printinglist[warehouseCr].fTruckno || this.printinglist[warehouseCr].fTruckno !== this.printinglist[0].fTruckno) {
             this.$message.error('请选择相同车号')
             return false

+ 303 - 6
src/views/warehouseBusiness/storageFeeCalculation/index.vue

@@ -171,11 +171,80 @@
         >导入
         </el-button>
       </el-col>
-      <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
+      <div class="tabSetting">
+        <right-toolbar
+          :showSearch.sync="showSearch"
+          @queryTable="getList"
+        ></right-toolbar>
+        <div style="margin: 0 12px">
+          <el-button
+            icon="el-icon-setting"
+            size="mini"
+            circle
+            @click="showSetting = !showSetting"
+          ></el-button>
+        </div>
+      </div>
     </el-row>
+    <el-dialog title="提示" :visible.sync="showSetting" width="700px" v-dialogDrag>
+      <template slot="title">
+        <div class="avue-crud__dialog__header">
+            <span class="el-dialog__title">
+            <span style="display:inline-block;width:3px;height:20px;margin-right:5px; float: left;margin-top:2px"></span>
+            </span>
+        </div>
+      </template>
+      <div>配置排序列数据(拖动调整顺序)</div>
+      <div style="margin-left: 17px">
+        <el-checkbox
+          v-model="allCheck"
+          label="全选"
+          @change="allChecked"
+        ></el-checkbox>
+      </div>
+      <div style="padding: 4px; display: flex; justify-content: center">
+        <draggable
+          v-model="setRowList"
+          group="site"
+          animation="300"
+          @start="onStart"
+          @end="onEnd"
+          handle=".indraggable"
+        >
+          <transition-group>
+            <div
+              v-for="item in setRowList"
+              :key="item.surface"
+              class="listStyle"
+            >
+              <div style="width: 500px" class="indraggable">
+                <div class="progress" :style="{ width: item.width + 'px' }">
+                  <el-checkbox
+                    :label="item.name"
+                    v-model="item.checked"
+                    :true-label="0"
+                    :false-label="1"
+                  >{{ item.name }}
+                  </el-checkbox>
+                </div>
+              </div>
+              <el-input-number
+                v-model.number="item.width"
+                controls-position="right"
+                :min="1"
+                :max="500"
+                size="mini"
+              ></el-input-number>
+            </div>
+          </transition-group>
+        </draggable>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="showSetting = false">取 消</el-button>
+        <el-button type="primary" @click="save()">确 定</el-button>
+      </span>
+    </el-dialog>
+
     <el-table
       v-loading="loading"
       :data="warehousebillsList"
@@ -187,9 +256,10 @@
         :show-overflow-tooltip="true"
         label="单据编号"
         align="center"
+        width="160"
         prop="fBillno"
       />
-      <el-table-column label="客户名称" align="center" sortable prop="fCorpid" show-overflow-tooltip/>
+      <el-table-column label="客户名称" align="center" width="300" sortable prop="fCorpid" show-overflow-tooltip/>
       <el-table-column
         label="计费日期"
         align="center"
@@ -939,15 +1009,182 @@
   import Global from '@/layout/components/global'
   import { getCharge } from '@/api/finance/charge'
   import { RevocationApproval } from '@/api/finance/contrast'
+  import Vue from 'vue'
+  import UploadFile from '@/components/Uploadfile'
+  import draggable from "vuedraggable";
+  import Cookies from 'js-cookie'
+  import { addSet, select } from '@/api/system/set'
+  Vue.directive('dialogDrag', {
+    bind(el, binding, vnode, oldVnode) {
+      const dialogHeaderEl = el.querySelector('.el-dialog__header')
+      const dragDom = el.querySelector('.el-dialog')
+      const enlarge = el.querySelector('.enlarge')
+      dialogHeaderEl.style.cursor = 'move'
+
+      // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
+      const sty = dragDom.currentStyle || window.getComputedStyle(dragDom, null)
+      if(enlarge){
+        enlarge.onclick = (e) => {
+          dragDom.style.top = '0px'
+          dragDom.style.left = '0px'
+        }
+      }
+      dialogHeaderEl.onmousedown = (e) => {
+        // 鼠标按下,计算当前元素距离可视区的距离
+        const disX = e.clientX - dialogHeaderEl.offsetLeft
+        const disY = e.clientY - dialogHeaderEl.offsetTop
+
+        // 获取到的值带px 正则匹配替换
+        let styL, styT
+
+        // 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
+        if (sty.left.includes('%')) {
+          styL = +document.body.clientWidth * (+sty.left.replace(/\%/g, '') / 100)
+          styT = +document.body.clientHeight * (+sty.top.replace(/\%/g, '') / 100)
+        } else {
+          styL = +sty.left.replace(/\px/g, '')
+          styT = +sty.top.replace(/\px/g, '')
+        }
+
+        document.onmousemove = function(e) {
+          // 通过事件委托,计算移动的距离
+          const l = e.clientX - disX
+          const t = e.clientY - disY
+
+          // 移动当前元素
+
+          if ((t + styT) >= 0){
+            dragDom.style.top = `${t + styT}px`
+          }
+          dragDom.style.left = `${l + styL}px`
+          // 将此时的位置传出去
+          // binding.value({x:e.pageX,y:e.pageY})
+        }
+
+        document.onmouseup = function(e) {
+          document.onmousemove = null
+          document.onmouseup = null
+        }
+      }
+    }
+  })
 
   export default {
     name: "StorageFeeCalculation",
     components: {
+      UploadFile,
       AddOrUpdate,
-      ApprovalComments
+      ApprovalComments,
+      draggable,
     },
     data() {
       return {
+        dialogFull:false,
+        drag: false,
+        setRowList: [
+          {
+            surface: "1",
+            label: "createBy",
+            name: "制单人",
+            checked: 0,
+            width: null,
+          },
+          {
+            surface: "2",
+            label: "fBillno",
+            name: "单据编号",
+            checked: 0,
+            width: null,
+          },
+          {
+            surface: "3",
+            label: "fCorpid",
+            name: "客户名称",
+            checked: 0,
+            width: null,
+          },
+          {
+            surface: "4",
+            label: "fBillingDeadline",
+            name: "计费日期",
+            checked: 0,
+            width: null,
+          },
+          {
+            surface: "5",
+            label: "remark",
+            name: "备注",
+            checked: 0,
+            width: null,
+          },
+          {
+            surface: "6",
+            label: "fBillstatus",
+            name: "单据状态",
+            checked: 0,
+            width: null,
+          },
+          {
+            surface: "7",
+            label: "createTime",
+            name: "制单日期",
+            checked: 0,
+            width: null,
+          },
+        ],
+        getRowList: [
+          {
+            surface: "1",
+            label: "createBy",
+            name: "制单人",
+            checked: 0,
+            width: null,
+          },
+          {
+            surface: "2",
+            label: "fBillno",
+            name: "单据编号",
+            checked: 0,
+            width: null,
+          },
+          {
+            surface: "3",
+            label: "fCorpid",
+            name: "客户名称",
+            checked: 0,
+            width: null,
+          },
+          {
+            surface: "4",
+            label: "fBillingDeadline",
+            name: "计费日期",
+            checked: 0,
+            width: null,
+          },
+          {
+            surface: "5",
+            label: "remark",
+            name: "备注",
+            checked: 0,
+            width: null,
+          },
+          {
+            surface: "6",
+            label: "fBillstatus",
+            name: "单据状态",
+            checked: 0,
+            width: null,
+          },
+          {
+            surface: "7",
+            label: "createTime",
+            name: "制单日期",
+            checked: 0,
+            width: null,
+          },
+        ],
+        allCheck: false,
+        showSetting:false,
         Lander:'',
         Operator:'',
         actId: 150,
@@ -1086,6 +1323,66 @@
       this.Jump()
     },
     methods: {
+      full(){
+        this.dialogFull = !this.dialogFull
+      },
+      //列设置全选
+      allChecked() {
+        if (this.allCheck == true) {
+          this.setRowList.map((e) => {
+            return (e.checked = 0);
+          });
+        } else {
+          this.setRowList.map((e) => {
+            return (e.checked = 1);
+          });
+        }
+      },
+      //查询列数据
+      getRow() {
+        let that = this;
+        this.data = {
+          tableName: "货转",
+          userId: Cookies.get("userName"),
+        };
+        select(this.data).then((res) => {
+          if (res.data.length != 0) {
+            this.getRowList = res.data.filter((e) => e.checked == 0);
+            this.setRowList = res.data;
+            this.setRowList = this.setRowList.reduce((res, item) => {
+              res.push({
+                surface: item.surface,
+                label: item.label,
+                name: item.name,
+                checked: item.checked,
+                width: item.width,
+              });
+              return res;
+            }, []);
+          }
+        });
+      },
+      //保存列设置
+      save() {
+        this.showSetting = false;
+        this.data = {
+          tableName: "货转",
+          userId: Cookies.get("userName"),
+          sysTableSetList: this.setRowList,
+        };
+        addSet(this.data).then((res) => {
+          this.getRowList = this.setRowList.filter((e) => e.checked == 0);
+        });
+      },
+      //开始拖拽事件
+      onStart() {
+        this.drag = true;
+      },
+      //拖拽结束事件
+      onEnd() {
+        this.drag = false;
+      },
+
       // 撤销审核
       backrRconciliation(){
         // this.form.fBillstatus = '1'