|
@@ -1,244 +1,6 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div style="cursor: default">
|
|
<div style="cursor: default">
|
|
|
- <el-breadcrumb separator-class="el-icon-arrow-right">
|
|
|
|
|
- <el-breadcrumb-item>农事管理</el-breadcrumb-item>
|
|
|
|
|
- <el-breadcrumb-item>运输</el-breadcrumb-item>
|
|
|
|
|
- </el-breadcrumb>
|
|
|
|
|
- <div class="search-box">
|
|
|
|
|
- <div class="filter-box">
|
|
|
|
|
- <el-select
|
|
|
|
|
- size="small"
|
|
|
|
|
- v-model="base"
|
|
|
|
|
- clearable
|
|
|
|
|
- @change="selChange"
|
|
|
|
|
- placeholder="请选择基地名称"
|
|
|
|
|
- >
|
|
|
|
|
- <el-option
|
|
|
|
|
- v-for="item in baseList"
|
|
|
|
|
- :label="item.farmname"
|
|
|
|
|
- :value="item.farmname"
|
|
|
|
|
- :key="item.id"
|
|
|
|
|
- ></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </div>
|
|
|
|
|
- <el-button type="primary" size="mini" @click="saleAdd">新增</el-button>
|
|
|
|
|
- </div>
|
|
|
|
|
- <el-card class="box-card">
|
|
|
|
|
- <el-table :data="tableData" stripe style="width: 100%">
|
|
|
|
|
- <el-table-column prop="transname" label="产品名称"></el-table-column>
|
|
|
|
|
- <el-table-column prop="backcode" label="追溯码"></el-table-column>
|
|
|
|
|
- <el-table-column prop="farm" label="农场"></el-table-column>
|
|
|
|
|
- <el-table-column prop="land" label="地块"></el-table-column>
|
|
|
|
|
- <el-table-column prop="stime" label="发货日期"></el-table-column>
|
|
|
|
|
- <el-table-column prop="etime" label="预期到货日期"></el-table-column>
|
|
|
|
|
- <el-table-column prop="address" label="目的地"></el-table-column>
|
|
|
|
|
- <el-table-column prop="trans" label="运输方法"></el-table-column>
|
|
|
|
|
- <el-table-column prop="user" label="经办人"></el-table-column>
|
|
|
|
|
- <el-table-column label="操作" width="180">
|
|
|
|
|
- <template slot-scope="scope">
|
|
|
|
|
- <el-button
|
|
|
|
|
- size="mini"
|
|
|
|
|
- type="info"
|
|
|
|
|
- icon="el-icon-edit"
|
|
|
|
|
- @click="transEdit(scope.row)"
|
|
|
|
|
- >编辑</el-button
|
|
|
|
|
- >
|
|
|
|
|
- <el-button
|
|
|
|
|
- size="mini"
|
|
|
|
|
- type="danger"
|
|
|
|
|
- icon="el-icon-delete"
|
|
|
|
|
- @click="transDelet(scope.row.id)"
|
|
|
|
|
- >删除</el-button
|
|
|
|
|
- >
|
|
|
|
|
- </template>
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- </el-table>
|
|
|
|
|
- <el-pagination
|
|
|
|
|
- background
|
|
|
|
|
- layout="prev, pager, next"
|
|
|
|
|
- :total="totalNum"
|
|
|
|
|
- :current-page="page"
|
|
|
|
|
- @current-change="changePage"
|
|
|
|
|
- ></el-pagination>
|
|
|
|
|
- </el-card>
|
|
|
|
|
- <!-- 新增运输弹框 -->
|
|
|
|
|
- <el-dialog
|
|
|
|
|
- title="新增"
|
|
|
|
|
- :visible.sync="farmThingAddDialogVisible"
|
|
|
|
|
- width="30%"
|
|
|
|
|
- @close="AddDialogClosed"
|
|
|
|
|
- >
|
|
|
|
|
- <el-form
|
|
|
|
|
- ref="addFormRef"
|
|
|
|
|
- :model="addForm"
|
|
|
|
|
- label-width="120px"
|
|
|
|
|
- :rules="addFormRules"
|
|
|
|
|
- >
|
|
|
|
|
- <el-form-item label="运输批次 : " prop="backcode">
|
|
|
|
|
- <el-select
|
|
|
|
|
- v-model="addForm.backcode"
|
|
|
|
|
- style="width: 100%"
|
|
|
|
|
- @change="selSourceCode()"
|
|
|
|
|
- >
|
|
|
|
|
- <el-option
|
|
|
|
|
- v-for="item in selltList"
|
|
|
|
|
- :key="item.id"
|
|
|
|
|
- :label="item.sellname + '-' + item.backcode"
|
|
|
|
|
- :value="item.backcode"
|
|
|
|
|
- ></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="产品名称 : " prop="name">
|
|
|
|
|
- <el-input disabled v-model="addForm.name"></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="种植基地 : " prop="farm">
|
|
|
|
|
- <el-input disabled v-model="addForm.farm"></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="种植地块 : " prop="land">
|
|
|
|
|
- <el-input disabled v-model="addForm.land"></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="发货日期 : " prop="sendDate">
|
|
|
|
|
- <el-date-picker
|
|
|
|
|
- type="datetime"
|
|
|
|
|
- placeholder="选择日期"
|
|
|
|
|
- v-model="addForm.sendDate"
|
|
|
|
|
- style="width: 100%"
|
|
|
|
|
- ></el-date-picker>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="预计到货日期 : " prop="arrivalDate">
|
|
|
|
|
- <el-date-picker
|
|
|
|
|
- type="datetime"
|
|
|
|
|
- placeholder="选择日期"
|
|
|
|
|
- v-model="addForm.arrivalDate"
|
|
|
|
|
- style="width: 100%"
|
|
|
|
|
- ></el-date-picker>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <!-- <el-form-item label="发货地 : " prop="sendAddr">
|
|
|
|
|
- <el-select v-model="addForm.sendAddr" style="width: 100%;">
|
|
|
|
|
- <el-option v-for="item in baseList" :key="item.id" :label="item.farmname" :value="item.id"></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>-->
|
|
|
|
|
- <el-form-item label="目的地 : " prop="destination" class="addressItem">
|
|
|
|
|
- <el-input
|
|
|
|
|
- disabled
|
|
|
|
|
- v-model="addForm.destination"
|
|
|
|
|
- placeholder="请定位"
|
|
|
|
|
- ></el-input>
|
|
|
|
|
- <el-button type="primary" size="mini" @click="goLocation"
|
|
|
|
|
- >地图定位</el-button
|
|
|
|
|
- >
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="详细地址 : " prop="addrDetail">
|
|
|
|
|
- <el-input required v-model="addForm.addrDetail"></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="运输方法 : " prop="shipping">
|
|
|
|
|
- <el-input v-model="addForm.shipping"></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="经办人 : " prop="user">
|
|
|
|
|
- <el-input v-model="addForm.user"></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-form>
|
|
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
|
|
- <el-button @click="farmThingAddDialogVisible = false">取 消</el-button>
|
|
|
|
|
- <el-button type="primary" @click="addSubm">确认</el-button>
|
|
|
|
|
- </span>
|
|
|
|
|
- </el-dialog>
|
|
|
|
|
- <!-- 编辑运输弹框 -->
|
|
|
|
|
- <el-dialog
|
|
|
|
|
- title="编辑"
|
|
|
|
|
- :visible.sync="farmThingEditDialogVisible"
|
|
|
|
|
- width="30%"
|
|
|
|
|
- @close="EditDialogClosed"
|
|
|
|
|
- >
|
|
|
|
|
- <el-form
|
|
|
|
|
- ref="editFormRef"
|
|
|
|
|
- :model="editForm"
|
|
|
|
|
- label-width="120px"
|
|
|
|
|
- :rules="addFormRules"
|
|
|
|
|
- >
|
|
|
|
|
- <el-form-item label="发货日期 : " prop="sendDate">
|
|
|
|
|
- <el-date-picker
|
|
|
|
|
- type="datetime"
|
|
|
|
|
- placeholder="选择日期"
|
|
|
|
|
- v-model="editForm.sendDate"
|
|
|
|
|
- style="width: 100%"
|
|
|
|
|
- ></el-date-picker>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="预计到货日期 : " prop="arrivalDate">
|
|
|
|
|
- <el-date-picker
|
|
|
|
|
- type="datetime"
|
|
|
|
|
- placeholder="选择日期"
|
|
|
|
|
- v-model="editForm.arrivalDate"
|
|
|
|
|
- style="width: 100%"
|
|
|
|
|
- ></el-date-picker>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <!-- <el-form-item label="发货地 : " prop="sendAddr">
|
|
|
|
|
- <el-select v-model="editForm.sendAddr" style="width: 100%;">
|
|
|
|
|
- <el-option v-for="item in baseList" :key="item.id" :label="item.farmname" :value="item.id"></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>-->
|
|
|
|
|
- <el-form-item label="目的地 : " prop="destination" class="addressItem">
|
|
|
|
|
- <el-input
|
|
|
|
|
- disabled
|
|
|
|
|
- v-model="editForm.destination"
|
|
|
|
|
- placeholder="请定位"
|
|
|
|
|
- ></el-input>
|
|
|
|
|
- <el-button type="primary" size="mini" @click="goLocation"
|
|
|
|
|
- >地图定位</el-button
|
|
|
|
|
- >
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="详细地址 : " prop="addrDetail">
|
|
|
|
|
- <el-input v-model="editForm.addrDetail"></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="运输方法 : " prop="shipping">
|
|
|
|
|
- <el-input v-model="editForm.shipping"></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="经办人 : " prop="user">
|
|
|
|
|
- <el-input v-model="editForm.user"></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-form>
|
|
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
|
|
- <el-button @click="farmThingEditDialogVisible = false">取 消</el-button>
|
|
|
|
|
- <el-button type="primary" @click="editSubm">确认</el-button>
|
|
|
|
|
- </span>
|
|
|
|
|
- </el-dialog>
|
|
|
|
|
- <!-- 添加定位弹框 -->
|
|
|
|
|
- <el-dialog
|
|
|
|
|
- class="map_dialog"
|
|
|
|
|
- title="添加定位"
|
|
|
|
|
- v-if="addLocationDialogVisible"
|
|
|
|
|
- :visible.sync="addLocationDialogVisible"
|
|
|
|
|
- width="800px"
|
|
|
|
|
- @close="addLocationDialogClosed"
|
|
|
|
|
- >
|
|
|
|
|
- <el-form
|
|
|
|
|
- :inline="true"
|
|
|
|
|
- :model="locationForm"
|
|
|
|
|
- class="demo-form-inline"
|
|
|
|
|
- size="mini"
|
|
|
|
|
- >
|
|
|
|
|
- <el-form-item label="地区">
|
|
|
|
|
- <el-input v-model="locationAddr"></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item>
|
|
|
|
|
- <el-button type="primary" size="mini" @click="locationSearch"
|
|
|
|
|
- >定位</el-button
|
|
|
|
|
- >
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-form>
|
|
|
|
|
- <baidu-map
|
|
|
|
|
- class="Bmap"
|
|
|
|
|
- :center="center"
|
|
|
|
|
- :zoom="mapZoom"
|
|
|
|
|
- :scroll-wheel-zoom="true"
|
|
|
|
|
- @ready="handlerBMap"
|
|
|
|
|
- @click="locationPoint"
|
|
|
|
|
- ></baidu-map>
|
|
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
|
|
- <el-button @click="addLocationDialogVisible = false">取 消</el-button>
|
|
|
|
|
- <el-button type="primary" @click="addLocationSubm">确 定</el-button>
|
|
|
|
|
- </span>
|
|
|
|
|
- </el-dialog>
|
|
|
|
|
|
|
+ <img style="width: 100%; margin: 0 0 0 -20px;" src="../../../../static/img/10.jpg" alt="" class="">
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|