158 lines
5.4 KiB
HTML
158 lines
5.4 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>报价</title>
|
||
|
|
<meta name="author" content="JIAL">
|
||
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||
|
|
<meta name="HandheldFriendly" content="true">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
||
|
|
<link rel="icon" href="/static/image/JNlogo.png" type="image/x-icon">
|
||
|
|
<link rel="stylesheet" href="/plugins/element-ui/index.css">
|
||
|
|
<!-- import CSS -->
|
||
|
|
<link rel="stylesheet" href="/static/zmquotation/css/index.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="container" id="index-app">
|
||
|
|
<div class="center-container">
|
||
|
|
<div class="form-box">
|
||
|
|
<el-form :inline="true" :model="formInline" class="demo-form-inline">
|
||
|
|
<el-row>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item label="审批人">
|
||
|
|
<el-input v-model="formInline.user" placeholder="审批人"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item label="审批人">
|
||
|
|
<el-input v-model="formInline.user" placeholder="审批人"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item label="审批人">
|
||
|
|
<el-input v-model="formInline.user" placeholder="审批人"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
<el-row>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item label="物料编码">
|
||
|
|
<el-input v-model="formInline.user" placeholder="审批人"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item label="省">
|
||
|
|
<el-input v-model="formInline.user" placeholder="审批人"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item label="市区">
|
||
|
|
<el-input v-model="formInline.user" placeholder="审批人"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
</el-form>
|
||
|
|
</div>
|
||
|
|
<div class="table-box">
|
||
|
|
<el-table
|
||
|
|
:data="tableData"
|
||
|
|
border
|
||
|
|
row-height="20px">
|
||
|
|
<el-table-column
|
||
|
|
fixed
|
||
|
|
width="180"
|
||
|
|
prop="kunnr"
|
||
|
|
label="客户编号">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
width="180"
|
||
|
|
prop="kunnr"
|
||
|
|
label="客户编号">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
width="180"
|
||
|
|
prop="kunnr"
|
||
|
|
label="客户编号">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
width="180"
|
||
|
|
prop="kunnr"
|
||
|
|
label="客户编号">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
width="180"
|
||
|
|
prop="kunnr"
|
||
|
|
label="客户编号">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
width="180"
|
||
|
|
prop="kunnr"
|
||
|
|
label="客户编号">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
width="180"
|
||
|
|
prop="kunnr"
|
||
|
|
label="客户编号">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
width="180"
|
||
|
|
prop="kunnr"
|
||
|
|
label="客户编号">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
width="180"
|
||
|
|
prop="name1"
|
||
|
|
label="客户名称">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
width="180"
|
||
|
|
label="操作">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<el-button @click="handleClick(scope.row)" type="text">查看</el-button>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
</el-table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<script src="/plugins/vue/vue.js"></script>
|
||
|
|
<script src="/plugins/element-ui/index.js"></script>
|
||
|
|
<script src="/plugins/calendar/calendar.js"></script>
|
||
|
|
<script src="/plugins/axios/axios.min.js"></script>
|
||
|
|
<script src="/plugins/axios/request.js"></script>
|
||
|
|
<!-- import Script -->
|
||
|
|
<script src="/static/zmquotation/js/index.js"></script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
new Vue({
|
||
|
|
el: '#index-app',
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
formInline: {
|
||
|
|
user: '',
|
||
|
|
region: ''
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
async init () {
|
||
|
|
|
||
|
|
},
|
||
|
|
}
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|