|
|
@@ -1,137 +1,138 @@
|
|
|
<template>
|
|
|
- <el-card shadow="never" style="border: 0;">
|
|
|
|
|
|
- <el-form ref="form" :model="form" label-width="80px" border stripe>
|
|
|
+ <el-card shadow="never">
|
|
|
+ <el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
+ <el-tab-pane label="用户管理" name="first">
|
|
|
+ <template>
|
|
|
+ <el-table :data="tableData" style="width: 100%">
|
|
|
+ <el-table-column prop="date" label="日期" width="180"></el-table-column>
|
|
|
+ <el-table-column prop="name" label="姓名" width="180"></el-table-column>
|
|
|
+ <el-table-column prop="address" label="地址"></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </template>
|
|
|
|
|
|
- <el-form-item label="客户名称">
|
|
|
- <el-select v-model="value" placeholder="请选择" @change="changeCustomer">
|
|
|
- <el-option
|
|
|
- v-for="item in customerList"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="品种">
|
|
|
- <el-checkbox-group v-model="form.nameValue">
|
|
|
- <el-checkbox :label="item.label" :value="JSON.stringify(item)" v-for="(item, index) in options"
|
|
|
- :key="index" @change="changeType">
|
|
|
- </el-checkbox>
|
|
|
- </el-checkbox-group>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="配置管理" name="second">配置管理2</el-tab-pane>
|
|
|
+ <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
|
|
|
+ <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </el-card>
|
|
|
+ <!-- <el-card shadow="never">
|
|
|
+ <el-form ref="form" :model="form" label-width="0" stripe>
|
|
|
+ <el-form-item>
|
|
|
+ <yun-table :columns="columns" :common-search="false" :pagination="false" tabs="type" toolbar=""
|
|
|
+ :common-search="false" :search-form-visible="false" :extend="extend">
|
|
|
+ </yun-table>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="规格">
|
|
|
- <el-table :data="tableData" style="border: 1px solid rgb(235, 235, 235); border-radius: 6px">
|
|
|
- <el-table-column prop="name" label="规格" width="200">
|
|
|
- </el-table-column>
|
|
|
+
|
|
|
|
|
|
- <el-table-column prop="price" label="发货价格" align="center">
|
|
|
- <template #default="{row}">
|
|
|
- <el-input v-model="row.price" placeholder="发货价格"></el-input>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="操作" width="120" header-align="right">
|
|
|
- <template #default="scope">
|
|
|
- <el-button @click.native.prevent="deleteRow(scope.$index, tableData)" type="text"
|
|
|
- size="small">
|
|
|
- 移除
|
|
|
- </el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" @click="onSubmit">立即创建</el-button>
|
|
|
<el-button>取消</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- </el-card>
|
|
|
+ </el-card> -->
|
|
|
</template>
|
|
|
<script>
|
|
|
- import form from "@components/Form.js";
|
|
|
- var typeList = [], boxList = [], customerList = [], customer = 0;
|
|
|
+ import table from "@components/Table.js";
|
|
|
export default {
|
|
|
- components: { 'YunForm': form },
|
|
|
+ components: { 'YunTable': table },
|
|
|
data() {
|
|
|
return {
|
|
|
- row: Yunqi.data.row,
|
|
|
- tableData: [],
|
|
|
- value: "",
|
|
|
- form: {
|
|
|
- nameValue: [],
|
|
|
- },
|
|
|
- options: typeList,
|
|
|
- customerList: customerList,
|
|
|
- }
|
|
|
+ activeName: 'first',
|
|
|
+ tableData: [{
|
|
|
+ date: '2016-05-02',
|
|
|
+ name: '王小虎',
|
|
|
+ address: '上海市普陀区金沙江路 1518 弄'
|
|
|
+ }, {
|
|
|
+ date: '2016-05-04',
|
|
|
+ name: '王小虎',
|
|
|
+ address: '上海市普陀区金沙江路 1517 弄'
|
|
|
+ }, {
|
|
|
+ date: '2016-05-01',
|
|
|
+ name: '王小虎',
|
|
|
+ address: '上海市普陀区金沙江路 1519 弄'
|
|
|
+ }, {
|
|
|
+ date: '2016-05-03',
|
|
|
+ name: '王小虎',
|
|
|
+ address: '上海市普陀区金沙江路 1516 弄'
|
|
|
+ }]
|
|
|
+ };
|
|
|
},
|
|
|
- methods: {
|
|
|
- //获取客户
|
|
|
- changeCustomer: function (data) {
|
|
|
- customer =data
|
|
|
+ /*data: {
|
|
|
+ extend: {
|
|
|
+ index_url: 'general/category/index',
|
|
|
},
|
|
|
- //获取规格
|
|
|
- changeType: function (data, row) {
|
|
|
- let obj = JSON.parse(row.target.value);
|
|
|
+ columns: [
|
|
|
+ { checkbox: true },
|
|
|
+ { field: 'type', title: __('规格'), width: 120, searchList: Yunqi.data.typeList},
|
|
|
+ { field: 'nickname', title: __('包装箱'), formatter: Yunqi.formatter.select },
|
|
|
|
|
|
- //品种去重
|
|
|
- let idx = boxList.findIndex(item => item.value == obj.value);
|
|
|
- if (idx != -1) {
|
|
|
- boxList.splice(idx, 1)
|
|
|
- }else{
|
|
|
- boxList.push({ label: obj.label, value: obj.value });
|
|
|
- }
|
|
|
- Yunqi.ajax.get('shop/customer_spec/get_box', { type_id: obj.value }, false, false, true).then(res => {
|
|
|
- //编辑数据
|
|
|
- if (res.length > 0) {
|
|
|
- for (var key in Object(res)) {
|
|
|
- let index = this.tableData.findIndex(item => item.value == res[key]['id']);
|
|
|
- if (index != -1) {
|
|
|
-
|
|
|
- this.tableData.splice(index, 1)
|
|
|
- } else {
|
|
|
-
|
|
|
- this.tableData.push({ name: res[key]['title'], value: res[key]['id'], price: res[key]['price'], type_id:obj.value, type_name: obj.label });
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- onSubmit() {
|
|
|
- //获取规格
|
|
|
- if (this.tableData == "" || boxList.length == 0 || customer=="") return;
|
|
|
- Yunqi.ajax.post('shop/customer_spec/add', {customer_id: customer, type_list: boxList, type_box: this.tableData }, false, false, true).then(res => {
|
|
|
- if (res.code == 200) {
|
|
|
- this.$message.success(__('设置成功'));
|
|
|
- Yunqi.api.closelayer(Yunqi.app.window.id, true);
|
|
|
- } else {
|
|
|
- this.$message.error(res.msg);
|
|
|
- return false;
|
|
|
+ {
|
|
|
+ field: 'weigh', title: __('价格'), width: 220, formatter: function (data) {
|
|
|
+ let html = Yunqi.formatter.html;
|
|
|
+ html.value = `<input class="input" value='' />`;
|
|
|
+ return html;
|
|
|
}
|
|
|
- });
|
|
|
+ },
|
|
|
|
|
|
- },
|
|
|
|
|
|
- deleteRow(index, rows) {
|
|
|
- rows.splice(index, 1);
|
|
|
- }
|
|
|
- },
|
|
|
- onLoad: function () {
|
|
|
-
|
|
|
- let type = Yunqi.data.fieldList;
|
|
|
- //全部品种
|
|
|
- for (var key in Object(type)) {
|
|
|
- typeList.push({ label: type[key], value: key });
|
|
|
- }
|
|
|
- //全部客户
|
|
|
- let customer = Yunqi.data.customerList;
|
|
|
- for (var key in Object(customer)) {
|
|
|
- customerList.push({ label: customer[key], value: key });
|
|
|
+ ],
|
|
|
+ row: Yunqi.data.row,
|
|
|
+ tableData: [
|
|
|
+ {
|
|
|
+ "name": "哈密",
|
|
|
+ "num": "3940.00"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "紫薯",
|
|
|
+ "num": "8915.00"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ value: "",
|
|
|
+ form: {
|
|
|
+ nameValue: null,
|
|
|
+ },
|
|
|
+ options: [],//品种
|
|
|
+ },*/
|
|
|
+ methods: {
|
|
|
+ handleClick(tab, event) {
|
|
|
+ console.log(tab, event);
|
|
|
}
|
|
|
-
|
|
|
- },
|
|
|
+
|
|
|
+ }
|
|
|
}
|
|
|
</script>
|
|
|
<style>
|
|
|
+ .input {
|
|
|
+ border: none;
|
|
|
+ width: 100%;
|
|
|
+ box-shadow: 0 0 0 1px #dcdfe6 inset;
|
|
|
+ line-height: 24px;
|
|
|
+ min-height: 31px;
|
|
|
+ caret-color: #999;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0 10px;
|
|
|
+ border-radius: 4px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .input:active {
|
|
|
+ border: none !important;
|
|
|
+ border-color: #fff !important;
|
|
|
+
|
|
|
+ }
|
|
|
|
|
|
+ .input:focus {
|
|
|
+ outline: none;
|
|
|
+ border: none !important;
|
|
|
+ border-color: #fff !important;
|
|
|
+ border: 1px solid #fff !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .button {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-end;
|
|
|
+ padding-top: 15px;
|
|
|
+ }
|
|
|
</style>
|