浏览代码

主营业务添加列表快捷查询,以及部分陆运业务

caojunjie 3 年之前
父节点
当前提交
18a280e31a

+ 114 - 0
src/views/landTransportation/placeAnOrder/detailPage.vue

@@ -0,0 +1,114 @@
+<template>
+  <div>
+    <div class="customer-head">
+      <div class="customer-back">
+        <el-button
+            type="danger"
+            style="border: none;background: none;color: red"
+            icon="el-icon-arrow-left"
+            @click="backToList"
+        >返回列表
+        </el-button>
+      </div>
+      <el-button
+          class="el-button--small-yh add-customer-btn"
+          type="primary"
+          :disabled="disabled"
+          size="small"
+          @click="editCustomer"
+      >{{ form.id ? "确认修改" : "确认新增" }}
+      </el-button>
+    </div>
+    <containerTitle title="起止地信息" style="margin-top: 50px"></containerTitle>
+    <basic-container>
+      <el-table
+          ref="singleTable"
+          :data="tableData"
+          highlight-current-row
+          style="width: 100%">
+        <el-table-column
+            property="date"
+            align="center"
+            width="120">
+        </el-table-column>
+        <el-table-column
+            property="date"
+            label="省份"
+            align="center"
+            width="120">
+        </el-table-column>
+        <el-table-column
+            property="name"
+            label="城市"
+            align="center"
+            width="120">
+        </el-table-column>
+        <el-table-column
+            property="address"
+            align="center"
+            label="区/县">
+        </el-table-column>
+        <el-table-column
+            property="address"
+            align="center"
+            label="详细地址">
+        </el-table-column>
+      </el-table>
+    </basic-container>
+    <containerTitle title="委托"></containerTitle>
+    <basic-container>
+      <avue-crud :data="entrustList" :option="entrustOptionTwo"></avue-crud>
+    </basic-container>
+    <containerTitle title="货物信息"></containerTitle>
+    <basic-container>
+      货物信息
+<!--      <avue-form :option="option" v-model="form"></avue-form>-->
+    </basic-container>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      form:{},
+      tableData: [{
+        date: '2016-05-02',
+        name: '王小虎',
+        address: '上海市普陀区金沙江路 1518 弄'
+      }],
+      entrustList:[],
+      entrustOptionTwo:{
+        align:'center',
+        menuAlign:'center',
+        column:[
+          {
+            label:'尺寸',
+            prop:'name'
+          },{
+            label:'箱型',
+            prop:'sex'
+          },{
+            label:'箱量',
+            prop:'sex'
+          },{
+            label:'总重量(dun)',
+            prop:'sex'
+          },{
+            label:'陆运费',
+            prop:'sex'
+          },{
+            label:'备注',
+            prop:'sex'
+          }
+        ]
+      }
+    };
+  },
+  methods: {
+  }
+}
+</script>
+<style scoped>
+
+</style>

+ 53 - 0
src/views/landTransportation/placeAnOrder/index.vue

@@ -0,0 +1,53 @@
+<template>
+  <div>
+    <basic-container v-if="show">
+      <avue-crud :data="dataList" ref="crud" :option="option">
+        <template slot="menuLeft" slot-scope="{size}">
+          <el-button type="primary" :size="size" @click="rowSave">新增</el-button>
+        </template>
+      </avue-crud>
+    </basic-container>
+    <detail-page v-else></detail-page>
+  </div>
+</template>
+
+<script>
+import detailPage from './detailPage'
+export default {
+  name: "index",
+  components: {
+    detailPage
+  },
+  data(){
+    return{
+      show:true,
+      dataList:[
+        {fileName:'1111111111'}
+      ],
+      option:{
+        align:'center',
+        index: true,
+        addBtn: false,
+        column:[{
+            label: '订单号',
+            prop: 'fileName',
+            index: 1,
+            width: 140,
+            cell: true,
+            overHidden: true,
+            search:true,
+          }]
+      }
+    }
+  },
+  methods:{
+    rowSave(){
+      this.show = false
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

+ 1 - 0
src/views/workManagement/main-items/configuration/mainList.json

@@ -1,4 +1,5 @@
 {
+  "expand": true,
   "addBtn": false,
   "headerAlign": "center",
   "align": "center",

+ 48 - 1
src/views/workManagement/main-items/list.vue

@@ -18,8 +18,37 @@
       @on-load="getList"
       @saveColumn="saveColumn"
       @resetColumn="resetColumn"
+      @expand-change="expandChange"
       @search-criteria-switch="searchCriteriaSwitch"
     >
+      <template slot="expand" slot-scope="scope">
+        <el-menu :default-active="scope.row.projectType" class="el-menu-demo" mode="horizontal" @select="(key, keyPath) =>{handleSelect(scope,key, keyPath)}">
+          <el-menu-item :index="0">原始数据</el-menu-item>
+          <el-menu-item :index="1">追加</el-menu-item>
+          <el-menu-item :index="2">退款</el-menu-item>
+        </el-menu>
+        <el-table :data="scope.row.insideList">
+          <el-table-column  label="状态" prop="strStatus" align="center" show-overflow-tooltip width="200"></el-table-column>
+          <el-table-column  label="服务项目" prop="pname" align="center" show-overflow-tooltip width="180"></el-table-column>
+          <el-table-column  label="收费建议" prop="remarks" align="center" show-overflow-tooltip width="120"></el-table-column>
+          <el-table-column  label="承做人" prop="userid" align="center" show-overflow-tooltip width="120"></el-table-column>
+          <el-table-column  label="任务部门" prop="deptid" align="center" show-overflow-tooltip width="120"></el-table-column>
+          <el-table-column  label="开始日期" prop="beginTime" align="center" show-overflow-tooltip width="120"></el-table-column>
+          <el-table-column  label="完成日期" prop="actualDate" align="center" show-overflow-tooltip width="180"></el-table-column>
+          <el-table-column  label="服务费" prop="serviceCharge" align="center" show-overflow-tooltip width="200"></el-table-column>
+          <el-table-column  label="代垫费" prop="matMoney" align="center" show-overflow-tooltip width="200"></el-table-column>
+          <el-table-column  label="未知明细收入" prop="otheramt" align="center" show-overflow-tooltip width="200"></el-table-column>
+          <el-table-column  label="合计金额" prop="amount" align="center" show-overflow-tooltip width="200"></el-table-column>
+          <el-table-column  label="收款方式" prop="accountName" align="center" show-overflow-tooltip width="200"></el-table-column>
+          <el-table-column  label="收款日期" prop="payTime" align="center" show-overflow-tooltip width="200"></el-table-column>
+          <el-table-column  label="频率" prop="frequency" align="center" show-overflow-tooltip width="200"></el-table-column>
+          <el-table-column  label="提醒日" prop="reminderDay" align="center" show-overflow-tooltip width="200"></el-table-column>
+          <el-table-column  label="制单人" prop="createUserName" align="center" show-overflow-tooltip width="200"></el-table-column>
+          <el-table-column  label="制单日期" prop="createTime" align="center" show-overflow-tooltip width="200"></el-table-column>
+          <el-table-column  label="最新修改人" prop="updateUserName" align="center" show-overflow-tooltip width="200"></el-table-column>
+          <el-table-column  label="最新修改时间" prop="updateTime" align="center" show-overflow-tooltip width="200"></el-table-column>
+        </el-table>
+      </template>
       <template slot="corpIdSearch">
         <select-component
           v-model="search.corpId"
@@ -89,7 +118,7 @@
 <script>
   import option from "./configuration/mainList.json";
   import detailPage from "./detailsPage.vue";
-  import { getList,deleteMain } from "@/api/workManagement/mainProject";
+  import {getList, deleteMain, projectDetail} from "@/api/workManagement/mainProject";
   import reportDialog from "@/components/report-dialog/main";
   import { micrometerFormat } from "@/util/validate";
   import { getUserList } from "@/api/workManagement/mainProject";
@@ -156,6 +185,24 @@ export default {
     detailPage
   },
   methods: {
+    //展开搜索
+    expandChange(row, expendList) {
+      projectDetail(row.id,"0,1,2,3,4,5").then(res =>{
+        if (res.data.data.itemList){
+          this.$set(row,'insideList',res.data.data.itemList.filter(item=>item.projectType === 0))
+        }
+        this.$set(row,'itemList',res.data.data.itemList)
+        this.$set(row,'projectType',0)
+      })
+    },
+    //tab切换后触发
+    handleSelect(scope,key, keyPath) {
+      this.$set(scope.row,'projectType',key)
+      this.$set(scope.row,'insideList',[])
+      if (scope.row.itemList){
+        this.$set(scope.row,'insideList',scope.row.itemList.filter(item=>item.projectType === key))
+      }
+    },
     //远程模糊
     remoteMethod(query){
       let params = {