提交陆运页面

src/views/basicData/landTransportation/driverInformation/index.vue

@@ -0,0 +1,115 @@
+<template>
+<div>
+  <basic-container>
+    <avue-crud :data="dataList" :option="option"></avue-crud>
+  </basic-container>
+</div>
+</template>
+
+<script>
+export default {
+  name: "index",
+  data(){
+    return{
+      dataList:[],
+      option:{
+        align:'center',
+        index: true,
+        column:[{
+          label: '司机姓名',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '身份证号',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '准假车型',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '电话',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '所属车队',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '性别',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '驾驶证有效期',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '资格证证件号',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '资格证有效期',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '押运证证件号',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '押运证有效期',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        }]
+      }
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/basicData/landTransportation/vehicleInformation/index.vue

@@ -0,0 +1,203 @@
+<template>
+  <div>
+    <basic-container>
+      <avue-crud :data="dataList" :option="option"></avue-crud>
+    </basic-container>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "index",
+  data(){
+    return{
+      dataList:[],
+      option:{
+        align:'center',
+        index: true,
+        column:[{
+          label: '车牌号',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '车队名称',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '司机名称',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '挂车号',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '燃油类型',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '车辆类型',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '车辆品牌',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '制造单位',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '发证机关',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '牵引车辆型号',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '牵引车车架号',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '挂车型号',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '挂车车架号',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '发动机型号',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '核载人数',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '购车日期',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '注册日期',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '报废日期',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '外阔尺寸mm',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '总重量kg',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '核定重量kg',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        },{
+          label: '装备质量kg',
+          prop: 'fileName',
+          index: 1,
+          width: 140,
+          cell: true,
+          overHidden: true,
+          search:true,
+        }]
+      }
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/landTransportation/dispatchingCars/detailPage.vue

@@ -0,0 +1,245 @@
+<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"
+      >保存
+      </el-button>
+    </div>
+    <containerTitle title="起止地信息" style="margin-top: 50px"></containerTitle>
+    <basic-container>
+      <el-table
+          ref="singleTable"
+          :data="tableData"
+          size="mini"
+          :header-cell-style="{color:'#000'}"
+          highlight-current-row
+          style="width: 100%">
+        <el-table-column
+            property="date"
+            align="center"
+            width="40">
+          <template slot-scope="scope">
+            <el-tooltip class="item" effect="dark" content="增加途径地址" placement="top">
+              <el-button type="primary" icon="el-icon-plus" size="mini" circle
+                         v-if="(scope.$index+1) === tableData.length" @click="addAddress"></el-button>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+        <el-table-column
+            property="date"
+            label="省份"
+            align="center"
+            width="120">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.date" filterable size="small" placeholder="请选择">
+              <el-option label="北京" value="1"></el-option>
+              <el-option label="山东" value="2"></el-option>
+              <el-option label="天津" value="3"></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column
+            property="name"
+            label="城市"
+            align="center"
+            width="120">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.name" filterable size="small" placeholder="请选择">
+              <el-option label="测试城市0" value="1"></el-option>
+              <el-option label="测试城市1" value="2"></el-option>
+              <el-option label="测试城市2" value="3"></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column
+            property="address"
+            align="center"
+            width="160"
+            label="区/县">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.name" filterable size="small" placeholder="请选择">
+              <el-option label="测试城市0" value="1"></el-option>
+              <el-option label="测试城市1" value="2"></el-option>
+              <el-option label="测试城市2" value="3"></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column
+            property="address"
+            align="center"
+            label="详细地址">
+          <template slot-scope="scope">
+            <el-input v-model="scope.row.address" size="small" placeholder="请输入内容"></el-input>
+          </template>
+        </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-crud :data="goodsList" :option="goodsOptionCrud"></avue-crud>
+    </basic-container>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      form: {},
+      tableData: [{
+        date: '2016-05-02',
+        name: '王小虎',
+        address: '上海市普陀区金沙江路 1518 弄'
+      }, {
+        date: '2016-05-02',
+        name: '王小虎',
+        address: '上海市普陀区金沙江路 1518 弄'
+      }],
+      entrustList: [],
+      goodsList:[],
+      goodsOptionCrud: {
+        index:true,
+        cellBtn:true,
+        addBtn:false,
+        addRowBtn:true,
+        column: [
+          {
+            label: '车队',
+            cell: true,
+            prop: 'name'
+          },{
+            label: '尺寸箱型',
+            cell: true,
+            prop: 'sex'
+          },{
+            label: '箱量',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '重量',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '车号',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '司机',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '电话',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '箱号',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '陆运费',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '陆运费',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '是否派车',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '备注',
+            cell: true,
+            prop: 'sex'
+          }
+        ]
+      },
+      entrustOptionTwo: {
+        align: 'center',
+        menuAlign: 'center',
+        index:true,
+        cellBtn:true,
+        addBtn:false,
+        addRowBtn:true,
+        column: [
+          {
+            label: '车队',
+            cell: true,
+            prop: 'name'
+          }, {
+            label: '尺寸箱形',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '箱量',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '重量',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '车号',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '司机',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '电话',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '陆运费(D)',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '陆运费(C)',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '指派车队',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '备注',
+            cell: true,
+            prop: 'sex'
+          }
+        ]
+      }
+    };
+  },
+  methods: {
+    //地址新增
+    addAddress(){
+      this.tableData.push({})
+    },
+    backToList(){
+      this.$emit('backToList')
+    }
+  }
+}
+</script>
+<style scoped>
+
+</style>

src/views/landTransportation/dispatchingCars/index.vue

@@ -0,0 +1,56 @@
+<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 @backToList="backToList"></detail-page>
+  </div>
+</template>
+
+<script>
+import detailPage from './detailPage'
+export default {
+  name: "index",
+  components: {
+    detailPage
+  },
+  data(){
+    return{
+      show:true,
+      dataList:[
+        {fileName:'222222222'}
+      ],
+      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
+    },
+    backToList(){
+      this.show = true
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/landTransportation/placeAnOrder/detailPage.vue

@@ -16,7 +16,7 @@
           :disabled="disabled"
           size="small"
           @click="editCustomer"
-      >{{ form.id ? "确认修改" : "确认新增" }}
+      >保存
       </el-button>
     </div>
     <containerTitle title="起止地信息" style="margin-top: 50px"></containerTitle>
@@ -24,45 +24,78 @@
       <el-table
           ref="singleTable"
           :data="tableData"
+          size="mini"
+          :header-cell-style="{color:'#000'}"
           highlight-current-row
           style="width: 100%">
         <el-table-column
             property="date"
             align="center"
-            width="120">
+            width="40">
+          <template slot-scope="scope">
+            <el-tooltip class="item" effect="dark" content="增加途径地址" placement="top">
+              <el-button type="primary" icon="el-icon-plus" size="mini" circle
+                         v-if="(scope.$index+1) === tableData.length" @click="addAddress"></el-button>
+            </el-tooltip>
+          </template>
         </el-table-column>
         <el-table-column
             property="date"
             label="省份"
             align="center"
             width="120">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.date" filterable size="small" placeholder="请选择">
+              <el-option label="北京" value="1"></el-option>
+              <el-option label="山东" value="2"></el-option>
+              <el-option label="天津" value="3"></el-option>
+            </el-select>
+          </template>
         </el-table-column>
         <el-table-column
             property="name"
             label="城市"
             align="center"
             width="120">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.name" filterable size="small" placeholder="请选择">
+              <el-option label="测试城市0" value="1"></el-option>
+              <el-option label="测试城市1" value="2"></el-option>
+              <el-option label="测试城市2" value="3"></el-option>
+            </el-select>
+          </template>
         </el-table-column>
         <el-table-column
             property="address"
             align="center"
+            width="160"
             label="区/县">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.name" filterable size="small" placeholder="请选择">
+              <el-option label="测试城市0" value="1"></el-option>
+              <el-option label="测试城市1" value="2"></el-option>
+              <el-option label="测试城市2" value="3"></el-option>
+            </el-select>
+          </template>
         </el-table-column>
         <el-table-column
             property="address"
             align="center"
             label="详细地址">
+          <template slot-scope="scope">
+            <el-input v-model="scope.row.address" size="small" placeholder="请输入内容"></el-input>
+          </template>
         </el-table-column>
       </el-table>
     </basic-container>
-    <containerTitle title="委托"></containerTitle>
+    <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>-->
+      <avue-form :option="goodsOptionForm" v-model="goodsForm"></avue-form>
+      <avue-crud :data="goodsList" :option="goodsOptionCrud"></avue-crud>
     </basic-container>
   </div>
 </template>
@@ -71,41 +104,107 @@
 export default {
   data() {
     return {
-      form:{},
+      form: {},
+      goodsForm: {},
       tableData: [{
         date: '2016-05-02',
         name: '王小虎',
         address: '上海市普陀区金沙江路 1518 弄'
+      }, {
+        date: '2016-05-02',
+        name: '王小虎',
+        address: '上海市普陀区金沙江路 1518 弄'
       }],
-      entrustList:[],
-      entrustOptionTwo:{
-        align:'center',
-        menuAlign:'center',
-        column:[
+      entrustList: [],
+      goodsOptionForm: {
+        menuBtn:false,
+        column: [
           {
-            label:'尺寸',
-            prop:'name'
-          },{
-            label:'箱型',
-            prop:'sex'
-          },{
-            label:'箱量',
-            prop:'sex'
-          },{
-            label:'总重量(dun)',
-            prop:'sex'
-          },{
-            label:'陆运费',
-            prop:'sex'
-          },{
-            label:'备注',
-            prop:'sex'
+            label: '提单号',
+            prop: 'name'
+          }, {
+            label: '场站',
+            prop: 'sex'
+          }, {
+            label: '到厂时间',
+            prop: 'sex'
+          }, {
+            label: '工厂名称',
+            prop: 'sex'
+          }, {
+            label: '货物名称',
+            prop: 'sex'
+          }, {
+            label: '备注',
+            prop: 'sex'
+          }
+        ]
+      },
+      goodsList:[],
+      goodsOptionCrud: {
+        index:true,
+        cellBtn:true,
+        addBtn:false,
+        addRowBtn:true,
+        column: [{
+            label: '尺寸箱型',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '箱量',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '是否派箱',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '车队是否受理',
+            cell: true,
+            prop: 'sex'
+          }
+        ]
+      },
+      entrustOptionTwo: {
+        align: 'center',
+        menuAlign: 'center',
+        index:true,
+        cellBtn:true,
+        addBtn:false,
+        addRowBtn:true,
+        column: [ {
+            label: '尺寸箱型',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '箱量',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '总重量(吨)',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '陆运费',
+            cell: true,
+            prop: 'sex'
+          }, {
+            label: '备注',
+            cell: true,
+            prop: 'sex'
           }
         ]
       }
     };
   },
   methods: {
+    //地址新增
+    addAddress(){
+      this.tableData.push({})
+    },
+    backToList() {
+      this.$emit('backToList')
+    }
   }
 }
 </script>

src/views/landTransportation/placeAnOrder/index.vue

@@ -7,7 +7,7 @@
         </template>
       </avue-crud>
     </basic-container>
-    <detail-page v-else></detail-page>
+    <detail-page v-else @backToList="backToList"></detail-page>
   </div>
 </template>
 
@@ -44,6 +44,9 @@ export default {
     rowSave(){
       this.show = false
     },
+    backToList(){
+      this.show = true
+    }
   }
 }
 </script>