1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
| @{
| ViewBag.Title = "车辆预约记录查询";
| Layout = "~/Views/Shared/_LayoutVue.cshtml";
| }
|
| <div id="list" v-cloak>
| <el-card class="box-card">
| <el-form label-width="90px" v-bind:model="formData" class="demo-ruleForm" v-bind:inline="true">
| <el-form-item label="业务类型：">
| <hh-select-url v-model="formData.businessType"
| v-bind:options="formData.optionsBusinessType">
| </hh-select-url>
| </el-form-item>
| <el-form-item label="车牌号：">
| <el-input v-model="formData.carNo" size="mini"></el-input>
| </el-form-item>
| <el-form-item label="创建日期：" style="width:400px">
| <el-date-picker v-model="formData.date"
| type="daterange"
| align="right"
| unlink-panels
| range-separator="至"
| start-placeholder="开始日期"
| end-placeholder="结束日期"
| value-format="yyyy-MM-dd"
| v-on:change="selectTime"
| v-bind:picker-options="pickerOptions2" size="mini" style="width:300px">
| </el-date-picker>
| </el-form-item>
|
| </el-form>
| <el-row style="padding-left: 10px; margin-top: 7px;">
| <el-button style="margin-top:2px;" size="mini" type="primary" v-on:click="search">查 询</el-button>
| </el-row>
| </el-card>
| <hh-table v-bind:coloptions="outCols"
| v-bind:paging="true"
| v-bind:check="true"
| v-bind:where="formData"
| v-bind:rowno="false"
| dh="145"
| url="@Url.Action("GetCarAppointHistory")"
| ref="tasklist"></hh-table>
| </div>
| @section scripts{
| <script>
| var outList = new Vue({
| data: {
| formData: {
| carNo: "",
| optionsBusinessType: [{ label: "全部", value: "" }, { label: "销售出货", value: "销售出货" }, { label: "采购送料", value: "采购送料" }],
| taskType: "",
| optionsTaskState: [{ label: "全部", value: "" }, { label: "未执行", value: "未执行" }, { label: "执行中", value: "执行中" },
| { label: "完成", value: "完成" }, { label: "取消", value: "取消" }, ], //{ label: "开始取货", value: "开始取货" }, { label: "取货完成", value: "取货完成" }, , { label: "失败", value: "失败" }, { label: "空取", value: "空取" }
| taskState: "",
| taskNo: "",
| state: "",
| date: "",
| valueDate: "",
| trayCode: "",
| startArea: "",
| endArea: "",
| businessType: ""
| },
| where: {},
| outCols: [
| { f: "CN_BUSINESS_NO", n: "业务号", w: 120 },
| { f: "CN_BUSINESS_TYPE", n: "业务类型", w: 80 },
| { f: "CN_CAR_TYPE", n: "车型", w: 80 },
| { f: "CN_CAR_NUM", n: "车牌号", w: 100 },
| { f: "CN_CAR_PERSON", n: "司机", w: 80 },
| { f: "CN_PERSON_PHONE", n: "电话号码", w: 100 },
| { f: "CN_CAR_SUPPLIER", n: "供应商", w: 100 },
| { f: "CN_CAR_SUPPLIER_CODE", n: "供应商编码", w: 100 },
| { f: "CN_ELECTRIC_TYPE", n: "电器种类", w: 80 },
| { f: "CN_CAR_STATE", n: "状态", w: 60 },
| { f: "CN_S_MAC_ADDRESS", n: "MAC地址", w: 80 },
| { f: "CN_CAR_IN", n: "进厂时间", w: 120 },
| { f: "CN_CAR_DONEIN", n: "已进厂时间", w: 120 },
| { f: "CN_CAR_OUT", n: "离厂时间", w: 120 },
|
| //{ f: "CN_S_FROM_NO", n: "来源单号", w: 120 }
| ]
| },
| mounted: function () {
| $this = this;
| $this.pickerOptions2();
| },
| methods: {
| search: function () {
| var $this = this;
| this.$refs.tasklist.loadData($this.formData);
| },
| selectTime: function (val) {
| $this = this;
| if (val != null)
| $this.formData.valueDate = JSON.stringify(val);
| else
| $this.formData.valueDate = "";
| },
| pickerOptions2: function () {
| shortcuts: [{
| text: '最近一周',
| onClick: function onClick(picker) {
| var end = new Date();
| var start = new Date();
| start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
| picker.$emit('pick', [start, end]);
| }
| }, {
| text: '最近一个月',
| onClick: function onClick(picker) {
| var end = new Date();
| var start = new Date();
| start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
| picker.$emit('pick', [start, end]);
| }
| }, {
| text: '最近三个月',
| onClick: function onClick(picker) {
| var end = new Date();
| var start = new Date();
| start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
| picker.$emit('pick', [start, end]);
| }
| }]
| }
| },
| watch: {
| deep: true
| },
| el: '#list'
| });
| </script>
| }
|
|
