更新
This commit is contained in:
55
src/components/autocomplete/index.vue
Normal file
55
src/components/autocomplete/index.vue
Normal file
@@ -0,0 +1,55 @@
|
|||||||
|
<template>
|
||||||
|
<el-autocomplete
|
||||||
|
v-model="text"
|
||||||
|
:fetch-suggestions="querySearchAsync"
|
||||||
|
:value-key="config.valueKey"
|
||||||
|
:placeholder="config.placeholder"
|
||||||
|
clearable
|
||||||
|
@select="selectAutocomplete"
|
||||||
|
@clear="params[config.querykey] = ''"
|
||||||
|
></el-autocomplete>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
params: Object,
|
||||||
|
config: Object,
|
||||||
|
// config: {
|
||||||
|
// serveTarget: {}, // 接口
|
||||||
|
// autocomplateKey: "", //远程搜索接口参数名
|
||||||
|
// querykey: "", //查询接口参数名
|
||||||
|
// },
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
text: "",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
console.log("params", this.params);
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 远程搜索
|
||||||
|
querySearchAsync(queryString, cb) {
|
||||||
|
if (queryString) {
|
||||||
|
let params = {};
|
||||||
|
params[this.config.autocompleteKey] = queryString;
|
||||||
|
this.config.serveTarget(params).then((res) => {
|
||||||
|
let timeInstance = setTimeout(() => {
|
||||||
|
clearTimeout(timeInstance);
|
||||||
|
if (res.data.length) {
|
||||||
|
cb(res.data);
|
||||||
|
} else cb([]);
|
||||||
|
}, 1000 * Math.random());
|
||||||
|
});
|
||||||
|
} else cb([]);
|
||||||
|
},
|
||||||
|
selectAutocomplete(item) {
|
||||||
|
this.params[this.config.querykey] = item.id;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
@@ -27,14 +27,16 @@
|
|||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="炼厂名称" prop="refineryId">
|
<el-form-item label="炼厂名称" prop="refineryId">
|
||||||
<el-select v-model="form.refineryId" placeholder="请选择炼厂">
|
<!-- <el-autocomplete
|
||||||
<el-option
|
label
|
||||||
v-for="(item, index) in refineryList"
|
v-model="form.refineryId"
|
||||||
:key="index"
|
:fetch-suggestions="querySearchAsync"
|
||||||
:label="item.refineryName"
|
value-key="refineryName"
|
||||||
:value="item.id"
|
value="id"
|
||||||
></el-option>
|
placeholder="请选择炼厂"
|
||||||
</el-select>
|
></el-autocomplete> -->
|
||||||
|
|
||||||
|
<autocomplete :params="form" :config="configAutocomplete" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="所属炼厂库名" prop="belongLibrary">
|
<el-form-item label="所属炼厂库名" prop="belongLibrary">
|
||||||
<el-input
|
<el-input
|
||||||
@@ -88,15 +90,31 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import serve from "api/product.js";
|
import serve from "api/product.js";
|
||||||
import refineryServe from "api/refineryInfo.js";
|
import refineryInfoServe from "api/refineryInfo.js";
|
||||||
|
|
||||||
|
import autocomplete from "components/autocomplete/index.vue";
|
||||||
export default {
|
export default {
|
||||||
|
components: {
|
||||||
|
autocomplete,
|
||||||
|
},
|
||||||
props: {
|
props: {
|
||||||
controlWindows: Object,
|
controlWindows: Object,
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
let validatorRefineryId = (rule, value, callback) => {
|
||||||
|
if (this.form.refineryId) callback();
|
||||||
|
else callback("请选择炼厂");
|
||||||
|
};
|
||||||
return {
|
return {
|
||||||
form: {},
|
form: {},
|
||||||
refineryList: [],
|
refineryList: [],
|
||||||
|
configAutocomplete: {
|
||||||
|
serveTarget: refineryInfoServe.findByEntity,
|
||||||
|
autocomplateKey: "refineryName",
|
||||||
|
valueKey: "refineryName",
|
||||||
|
placeholder: "炼厂名称",
|
||||||
|
querykey: "refineryId",
|
||||||
|
},
|
||||||
productTypeList: [
|
productTypeList: [
|
||||||
{
|
{
|
||||||
label: "0#柴",
|
label: "0#柴",
|
||||||
@@ -123,7 +141,7 @@ export default {
|
|||||||
{ required: true, message: "请选择产品类型", trigger: "change" },
|
{ required: true, message: "请选择产品类型", trigger: "change" },
|
||||||
],
|
],
|
||||||
refineryId: [
|
refineryId: [
|
||||||
{ required: true, message: "请选择炼厂", trigger: "change" },
|
{ required: true, validator: validatorRefineryId, trigger: "change" },
|
||||||
],
|
],
|
||||||
belongLibrary: [
|
belongLibrary: [
|
||||||
{ required: true, message: "请输入所属炼厂库名", trigger: "blur" },
|
{ required: true, message: "请输入所属炼厂库名", trigger: "blur" },
|
||||||
@@ -146,9 +164,6 @@ export default {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
|
||||||
this.findByEntity();
|
|
||||||
},
|
|
||||||
methods: {
|
methods: {
|
||||||
openDrawer() {
|
openDrawer() {
|
||||||
let { id } = this.controlWindows.addInfo;
|
let { id } = this.controlWindows.addInfo;
|
||||||
@@ -159,6 +174,7 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
submit() {
|
submit() {
|
||||||
|
console.log("this.form", this.form);
|
||||||
this.$refs["form"].validate((valid) => {
|
this.$refs["form"].validate((valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
this.judgeInterface(this.form).then((res) => {
|
this.judgeInterface(this.form).then((res) => {
|
||||||
@@ -176,11 +192,26 @@ export default {
|
|||||||
else return serve.save(form);
|
else return serve.save(form);
|
||||||
},
|
},
|
||||||
//炼厂list
|
//炼厂list
|
||||||
findByEntity() {
|
// findByEntity() {
|
||||||
refineryServe.findByEntity().then((res) => {
|
// refineryServe.findByEntity().then((res) => {
|
||||||
this.refineryList = res.data;
|
// this.refineryList = res.data;
|
||||||
});
|
// });
|
||||||
},
|
// },
|
||||||
|
// 远程搜索
|
||||||
|
// querySearchAsync(queryString, cb) {
|
||||||
|
// if (queryString) {
|
||||||
|
// refineryServe
|
||||||
|
// .findByEntity({ refineryName: queryString })
|
||||||
|
// .then((res) => {
|
||||||
|
// let timeInstance = setTimeout(() => {
|
||||||
|
// clearTimeout(timeInstance);
|
||||||
|
// if (res.data.length) {
|
||||||
|
// cb(res.data);
|
||||||
|
// } else cb([]);
|
||||||
|
// }, 1000 * Math.random());
|
||||||
|
// });
|
||||||
|
// } else cb([]);
|
||||||
|
// },
|
||||||
closeWindow() {
|
closeWindow() {
|
||||||
this.$emit("closeWindow");
|
this.$emit("closeWindow");
|
||||||
this.form = {};
|
this.form = {};
|
||||||
@@ -199,7 +230,8 @@ export default {
|
|||||||
padding: 20px;
|
padding: 20px;
|
||||||
.el-input,
|
.el-input,
|
||||||
.el-select,
|
.el-select,
|
||||||
.el-textarea {
|
.el-textarea,
|
||||||
|
.el-autocomplete {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -17,14 +17,16 @@
|
|||||||
></el-input>
|
></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="炼厂名称" prop="refineryId">
|
<el-form-item label="炼厂名称" prop="refineryId">
|
||||||
<el-select v-model="form.refineryId" placeholder="请选择炼厂">
|
<!-- <el-autocomplete
|
||||||
<el-option
|
label
|
||||||
v-for="(item, index) in refineryList"
|
v-model="form.refineryId"
|
||||||
:key="index"
|
:fetch-suggestions="querySearchAsync"
|
||||||
:label="item.refineryName"
|
value-key="refineryName"
|
||||||
:value="item.id"
|
value="id"
|
||||||
></el-option>
|
placeholder="炼厂名称"
|
||||||
</el-select>
|
></el-autocomplete> -->
|
||||||
|
|
||||||
|
<autocomplete :params="form" :config="configAutocomplete" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="产品类型" prop="productType">
|
<el-form-item label="产品类型" prop="productType">
|
||||||
<el-select v-model="form.productType" placeholder="请选择产品类型">
|
<el-select v-model="form.productType" placeholder="请选择产品类型">
|
||||||
@@ -70,16 +72,32 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import serve from "api/product.js";
|
import serve from "api/product.js";
|
||||||
import refineryServe from "api/refineryInfo.js";
|
import refineryInfoServe from "api/refineryInfo.js";
|
||||||
|
|
||||||
|
import autocomplete from "components/autocomplete/index.vue";
|
||||||
export default {
|
export default {
|
||||||
|
components: {
|
||||||
|
autocomplete,
|
||||||
|
},
|
||||||
props: {
|
props: {
|
||||||
controlWindows: Object,
|
controlWindows: Object,
|
||||||
// refineryTypeEnum: Array,
|
// refineryTypeEnum: Array,
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
let validatorRefineryId = (rule, value, callback) => {
|
||||||
|
if (this.form.refineryId) callback();
|
||||||
|
else callback("请选择炼厂");
|
||||||
|
};
|
||||||
return {
|
return {
|
||||||
form: {},
|
form: {},
|
||||||
refineryList: [],
|
refineryList: [],
|
||||||
|
configAutocomplete: {
|
||||||
|
serveTarget: refineryInfoServe.findByEntity,
|
||||||
|
autocomplateKey: "refineryName",
|
||||||
|
valueKey: "refineryName",
|
||||||
|
placeholder: "炼厂名称",
|
||||||
|
querykey: "refineryId",
|
||||||
|
},
|
||||||
productTypeList: [
|
productTypeList: [
|
||||||
{
|
{
|
||||||
label: "0#柴",
|
label: "0#柴",
|
||||||
@@ -103,7 +121,7 @@ export default {
|
|||||||
{ required: true, message: "请输入产品名称", trigger: "blur" },
|
{ required: true, message: "请输入产品名称", trigger: "blur" },
|
||||||
],
|
],
|
||||||
refineryId: [
|
refineryId: [
|
||||||
{ required: true, message: "请选择炼厂", trigger: "change" },
|
{ required: true, validator: validatorRefineryId, trigger: "change" },
|
||||||
],
|
],
|
||||||
enableMark: [
|
enableMark: [
|
||||||
{ required: true, message: "请选择启用状态", trigger: "change" },
|
{ required: true, message: "请选择启用状态", trigger: "change" },
|
||||||
@@ -114,9 +132,6 @@ export default {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
|
||||||
this.findByEntity();
|
|
||||||
},
|
|
||||||
methods: {
|
methods: {
|
||||||
openDrawer() {},
|
openDrawer() {},
|
||||||
submit() {
|
submit() {
|
||||||
@@ -137,11 +152,26 @@ export default {
|
|||||||
else return serve.save(form);
|
else return serve.save(form);
|
||||||
},
|
},
|
||||||
//炼厂list
|
//炼厂list
|
||||||
findByEntity() {
|
// findByEntity() {
|
||||||
refineryServe.findByEntity().then((res) => {
|
// refineryServe.findByEntity().then((res) => {
|
||||||
this.refineryList = res.data;
|
// this.refineryList = res.data;
|
||||||
});
|
// });
|
||||||
},
|
// },
|
||||||
|
// 远程搜索
|
||||||
|
// querySearchAsync(queryString, cb) {
|
||||||
|
// if (queryString) {
|
||||||
|
// refineryServe
|
||||||
|
// .findByEntity({ refineryName: queryString })
|
||||||
|
// .then((res) => {
|
||||||
|
// let timeInstance = setTimeout(() => {
|
||||||
|
// clearTimeout(timeInstance);
|
||||||
|
// if (res.data.length) {
|
||||||
|
// cb(res.data);
|
||||||
|
// } else cb([]);
|
||||||
|
// }, 1000 * Math.random());
|
||||||
|
// });
|
||||||
|
// } else cb([]);
|
||||||
|
// },
|
||||||
closeWindow() {
|
closeWindow() {
|
||||||
this.$emit("closeWindow");
|
this.$emit("closeWindow");
|
||||||
this.form = {};
|
this.form = {};
|
||||||
@@ -157,7 +187,8 @@ export default {
|
|||||||
padding: 20px;
|
padding: 20px;
|
||||||
.el-input,
|
.el-input,
|
||||||
.el-select,
|
.el-select,
|
||||||
.el-textarea {
|
.el-textarea,
|
||||||
|
.el-autocomplete {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -7,19 +7,19 @@
|
|||||||
placeholder="产品名称"
|
placeholder="产品名称"
|
||||||
clearable
|
clearable
|
||||||
></el-input>
|
></el-input>
|
||||||
<el-select
|
|
||||||
v-model="parameter.params.refineryId"
|
<autocomplete :params="parameter.params" :config="configAutocomplete" />
|
||||||
|
|
||||||
|
<!-- <el-autocomplete
|
||||||
|
v-model="parameter.params.refineryName"
|
||||||
|
:fetch-suggestions="querySearchAsync"
|
||||||
|
@select="selectAutocomplete"
|
||||||
|
value-key="refineryName"
|
||||||
placeholder="炼厂名称"
|
placeholder="炼厂名称"
|
||||||
clearable
|
clearable
|
||||||
>
|
@clear="parameter.params.refineryId = ''"
|
||||||
<el-option
|
></el-autocomplete> -->
|
||||||
v-for="item in refineryList"
|
|
||||||
:key="item.id"
|
|
||||||
:label="item.refineryName"
|
|
||||||
:value="item.id"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
<el-input
|
<el-input
|
||||||
v-model="parameter.params.belongLibrary"
|
v-model="parameter.params.belongLibrary"
|
||||||
placeholder="所处炼厂库"
|
placeholder="所处炼厂库"
|
||||||
@@ -198,7 +198,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import serve from "api/product.js";
|
import serve from "api/product.js";
|
||||||
import refineryServe from "api/refineryInfo.js";
|
import refineryInfoServe from "api/refineryInfo.js";
|
||||||
|
|
||||||
import add from "./components/add.vue";
|
import add from "./components/add.vue";
|
||||||
import create from "./components/create.vue";
|
import create from "./components/create.vue";
|
||||||
@@ -206,6 +206,7 @@ import record from "./components/record.vue";
|
|||||||
import batch from "./components/batch.vue";
|
import batch from "./components/batch.vue";
|
||||||
import adjust from "./components/adjust.vue";
|
import adjust from "./components/adjust.vue";
|
||||||
|
|
||||||
|
import autocomplete from "components/autocomplete/index.vue";
|
||||||
import pagination from "components/pagination/index.vue";
|
import pagination from "components/pagination/index.vue";
|
||||||
import generalDetails from "components/generalDetails/index.vue";
|
import generalDetails from "components/generalDetails/index.vue";
|
||||||
|
|
||||||
@@ -221,6 +222,13 @@ export default {
|
|||||||
batch: false,
|
batch: false,
|
||||||
adjust: false,
|
adjust: false,
|
||||||
},
|
},
|
||||||
|
configAutocomplete: {
|
||||||
|
serveTarget: refineryInfoServe.findByEntity,
|
||||||
|
autocomplateKey: "refineryName",
|
||||||
|
valueKey: "refineryName",
|
||||||
|
placeholder: "炼厂名称",
|
||||||
|
querykey: "refineryId",
|
||||||
|
},
|
||||||
refineryList: [],
|
refineryList: [],
|
||||||
multipleRowList: [],
|
multipleRowList: [],
|
||||||
tableHeight: 0,
|
tableHeight: 0,
|
||||||
@@ -263,6 +271,7 @@ export default {
|
|||||||
adjust,
|
adjust,
|
||||||
|
|
||||||
pagination,
|
pagination,
|
||||||
|
autocomplete,
|
||||||
generalDetails,
|
generalDetails,
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
@@ -275,7 +284,6 @@ export default {
|
|||||||
);
|
);
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.findByEntity();
|
|
||||||
this.getByPage();
|
this.getByPage();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
@@ -294,12 +302,25 @@ export default {
|
|||||||
this.parameter.total = res.data.totalCount;
|
this.parameter.total = res.data.totalCount;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
//炼厂list
|
// 远程搜索
|
||||||
findByEntity() {
|
// querySearchAsync(queryString, cb) {
|
||||||
refineryServe.findByEntity().then((res) => {
|
// if (queryString) {
|
||||||
this.refineryList = res.data;
|
// refineryServe
|
||||||
});
|
// .findByEntity({ refineryName: queryString })
|
||||||
},
|
// .then((res) => {
|
||||||
|
// let timeInstance = setTimeout(() => {
|
||||||
|
// clearTimeout(timeInstance);
|
||||||
|
// if (res.data.length) {
|
||||||
|
// console.log(res.data);
|
||||||
|
// cb(res.data);
|
||||||
|
// } else cb([]);
|
||||||
|
// }, 1000 * Math.random());
|
||||||
|
// });
|
||||||
|
// } else cb([]);
|
||||||
|
// },
|
||||||
|
// selectAutocomplete(item) {
|
||||||
|
// this.parameter.params.refineryId = item.id;
|
||||||
|
// },
|
||||||
//新增
|
//新增
|
||||||
addition() {
|
addition() {
|
||||||
this.controlWindows.addInfo.title = "产品新增";
|
this.controlWindows.addInfo.title = "产品新增";
|
||||||
@@ -399,6 +420,9 @@ export default {
|
|||||||
width: 183px;
|
width: 183px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
}
|
}
|
||||||
|
.el-autocomplete + .el-input,
|
||||||
|
.el-input + .el-autocomplete,
|
||||||
|
.el-autocomplete + .el-select,
|
||||||
.el-input + .el-input,
|
.el-input + .el-input,
|
||||||
.el-input + .el-select,
|
.el-input + .el-select,
|
||||||
.el-select + .el-select,
|
.el-select + .el-select,
|
||||||
@@ -435,10 +459,6 @@ export default {
|
|||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
border-radius: 10px 10px 0px 0px;
|
border-radius: 10px 10px 0px 0px;
|
||||||
}
|
}
|
||||||
// .el-link,
|
|
||||||
// .el-dropdown {
|
|
||||||
// margin-right: 10px;
|
|
||||||
// }
|
|
||||||
|
|
||||||
.el-dropdown-link {
|
.el-dropdown-link {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
|||||||
@@ -27,20 +27,16 @@
|
|||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="炼厂名称" prop="refineryId">
|
<el-form-item label="炼厂名称" prop="refineryId">
|
||||||
<el-select
|
<!-- <el-autocomplete
|
||||||
class="mr20"
|
label
|
||||||
v-model="form.refineryId"
|
v-model="form.refineryId"
|
||||||
|
:fetch-suggestions="querySearchAsync"
|
||||||
|
value-key="refineryName"
|
||||||
|
value="id"
|
||||||
placeholder="请选择炼厂"
|
placeholder="请选择炼厂"
|
||||||
clearable
|
></el-autocomplete> -->
|
||||||
>
|
|
||||||
<el-option
|
<autocomplete :params="form" :config="configAutocomplete" />
|
||||||
v-for="item in refineryList"
|
|
||||||
:key="item.id"
|
|
||||||
:label="item.refineryName"
|
|
||||||
:value="item.id"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
@@ -54,15 +50,31 @@
|
|||||||
<script>
|
<script>
|
||||||
import refineryInfoServe from "api/refineryInfo.js";
|
import refineryInfoServe from "api/refineryInfo.js";
|
||||||
import serve from "api/refineryAccount.js";
|
import serve from "api/refineryAccount.js";
|
||||||
|
|
||||||
|
import autocomplete from "components/autocomplete/index.vue";
|
||||||
export default {
|
export default {
|
||||||
|
components: {
|
||||||
|
autocomplete,
|
||||||
|
},
|
||||||
props: {
|
props: {
|
||||||
controlWindows: Object,
|
controlWindows: Object,
|
||||||
refineryAccountTypeEnum: Array,
|
refineryAccountTypeEnum: Array,
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
let validatorRefineryId = (rule, value, callback) => {
|
||||||
|
if (this.form.refineryId) callback();
|
||||||
|
else callback("请选择炼厂");
|
||||||
|
};
|
||||||
return {
|
return {
|
||||||
form: {},
|
form: {},
|
||||||
refineryList: [],
|
refineryList: [],
|
||||||
|
configAutocomplete: {
|
||||||
|
serveTarget: refineryInfoServe.findByEntity,
|
||||||
|
autocomplateKey: "refineryName",
|
||||||
|
valueKey: "refineryName",
|
||||||
|
placeholder: "炼厂名称",
|
||||||
|
querykey: "refineryId",
|
||||||
|
},
|
||||||
rules: {
|
rules: {
|
||||||
accountName: [
|
accountName: [
|
||||||
{ required: true, message: "请输入账户名称", trigger: "blur" },
|
{ required: true, message: "请输入账户名称", trigger: "blur" },
|
||||||
@@ -71,15 +83,13 @@ export default {
|
|||||||
{ required: true, message: "请输入账户名称", trigger: "blur" },
|
{ required: true, message: "请输入账户名称", trigger: "blur" },
|
||||||
],
|
],
|
||||||
refineryId: [
|
refineryId: [
|
||||||
{ required: true, message: "请选择炼厂", trigger: "change" },
|
{ required: true, validator: validatorRefineryId, trigger: "change" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
openDrawer() {
|
openDrawer() {},
|
||||||
this.findByEntity();
|
|
||||||
},
|
|
||||||
submit() {
|
submit() {
|
||||||
this.$refs["form"].validate((valid) => {
|
this.$refs["form"].validate((valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
@@ -97,16 +107,31 @@ export default {
|
|||||||
if (id) return serve.update(form);
|
if (id) return serve.update(form);
|
||||||
else return serve.save(form);
|
else return serve.save(form);
|
||||||
},
|
},
|
||||||
//炼厂list
|
// //炼厂list
|
||||||
findByEntity() {
|
// findByEntity() {
|
||||||
refineryInfoServe.findByEntity().then((res) => {
|
// refineryInfoServe.findByEntity().then((res) => {
|
||||||
this.refineryList = res.data;
|
// this.refineryList = res.data;
|
||||||
let { id } = this.controlWindows.addInfo;
|
// let { id } = this.controlWindows.addInfo;
|
||||||
if (id) {
|
// if (id) {
|
||||||
this.form = JSON.parse(JSON.stringify(this.controlWindows.addInfo));
|
// this.form = JSON.parse(JSON.stringify(this.controlWindows.addInfo));
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
},
|
// },
|
||||||
|
//远程搜索
|
||||||
|
// querySearchAsync(queryString, cb) {
|
||||||
|
// if (queryString) {
|
||||||
|
// refineryInfoServe
|
||||||
|
// .findByEntity({ refineryName: queryString })
|
||||||
|
// .then((res) => {
|
||||||
|
// let timeInstance = setTimeout(() => {
|
||||||
|
// clearTimeout(timeInstance);
|
||||||
|
// if (res.data.length) {
|
||||||
|
// cb(res.data);
|
||||||
|
// } else cb([]);
|
||||||
|
// }, 1000 * Math.random());
|
||||||
|
// });
|
||||||
|
// } else cb([]);
|
||||||
|
// },
|
||||||
closeWindow() {
|
closeWindow() {
|
||||||
this.$emit("closeWindow");
|
this.$emit("closeWindow");
|
||||||
this.form = {};
|
this.form = {};
|
||||||
@@ -125,7 +150,8 @@ export default {
|
|||||||
padding: 20px;
|
padding: 20px;
|
||||||
.el-input,
|
.el-input,
|
||||||
.el-select,
|
.el-select,
|
||||||
.el-textarea {
|
.el-textarea,
|
||||||
|
.el-autocomplete {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,20 +1,18 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="order">
|
<div class="order">
|
||||||
<div class="frame">
|
<div class="frame">
|
||||||
<el-select
|
<!-- <el-autocomplete
|
||||||
class="mr20"
|
class="mr20"
|
||||||
|
label
|
||||||
v-model="parameter.params.id"
|
v-model="parameter.params.id"
|
||||||
|
:fetch-suggestions="querySearchAsync"
|
||||||
|
value-key="refineryName"
|
||||||
|
value="id"
|
||||||
placeholder="炼厂名称"
|
placeholder="炼厂名称"
|
||||||
clearable
|
></el-autocomplete> -->
|
||||||
>
|
|
||||||
<el-option
|
<autocomplete :params="parameter.params" :config="configAutocomplete" />
|
||||||
v-for="item in refineryList"
|
|
||||||
:key="item.id"
|
|
||||||
:label="item.refineryName"
|
|
||||||
:value="item.id"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
<el-select
|
<el-select
|
||||||
v-model="parameter.params.refineryType"
|
v-model="parameter.params.refineryType"
|
||||||
placeholder="炼厂类型"
|
placeholder="炼厂类型"
|
||||||
@@ -141,11 +139,18 @@ import serve from "api/refineryAccount.js";
|
|||||||
import add from "./components/add.vue";
|
import add from "./components/add.vue";
|
||||||
|
|
||||||
import pagination from "components/pagination/index.vue";
|
import pagination from "components/pagination/index.vue";
|
||||||
|
import autocomplete from "components/autocomplete/index.vue";
|
||||||
import generalDetails from "components/generalDetails/index.vue";
|
import generalDetails from "components/generalDetails/index.vue";
|
||||||
|
|
||||||
import { refineryTypeEnum, refineryAccountTypeEnum } from "utils/dataType.js";
|
import { refineryTypeEnum, refineryAccountTypeEnum } from "utils/dataType.js";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
components: {
|
||||||
|
add,
|
||||||
|
pagination,
|
||||||
|
autocomplete,
|
||||||
|
generalDetails,
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
refineryTypeEnum: refineryTypeEnum,
|
refineryTypeEnum: refineryTypeEnum,
|
||||||
@@ -155,6 +160,13 @@ export default {
|
|||||||
addInfo: {},
|
addInfo: {},
|
||||||
detail: false,
|
detail: false,
|
||||||
},
|
},
|
||||||
|
configAutocomplete: {
|
||||||
|
serveTarget: refineryInfoServe.findByEntity,
|
||||||
|
autocomplateKey: "refineryName",
|
||||||
|
valueKey: "refineryName",
|
||||||
|
placeholder: "炼厂名称",
|
||||||
|
querykey: "refineryId",
|
||||||
|
},
|
||||||
refineryList: [],
|
refineryList: [],
|
||||||
tableHeight: 0,
|
tableHeight: 0,
|
||||||
tableData: [],
|
tableData: [],
|
||||||
@@ -183,11 +195,7 @@ export default {
|
|||||||
],
|
],
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
components: {
|
|
||||||
add,
|
|
||||||
pagination,
|
|
||||||
generalDetails,
|
|
||||||
},
|
|
||||||
mounted() {
|
mounted() {
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.heightHandle();
|
this.heightHandle();
|
||||||
@@ -198,7 +206,6 @@ export default {
|
|||||||
);
|
);
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.findByEntity();
|
|
||||||
this.getByPage();
|
this.getByPage();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
@@ -214,11 +221,26 @@ export default {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
//炼厂list
|
//炼厂list
|
||||||
findByEntity() {
|
// findByEntity() {
|
||||||
refineryInfoServe.findByEntity().then((res) => {
|
// refineryInfoServe.findByEntity().then((res) => {
|
||||||
this.refineryList = res.data;
|
// this.refineryList = res.data;
|
||||||
});
|
// });
|
||||||
},
|
// },
|
||||||
|
//远程搜索
|
||||||
|
// querySearchAsync(queryString, cb) {
|
||||||
|
// if (queryString) {
|
||||||
|
// refineryInfoServe
|
||||||
|
// .findByEntity({ refineryName: queryString })
|
||||||
|
// .then((res) => {
|
||||||
|
// let timeInstance = setTimeout(() => {
|
||||||
|
// clearTimeout(timeInstance);
|
||||||
|
// if (res.data.length) {
|
||||||
|
// cb(res.data);
|
||||||
|
// } else cb([]);
|
||||||
|
// }, 1000 * Math.random());
|
||||||
|
// });
|
||||||
|
// } else cb([]);
|
||||||
|
// },
|
||||||
//新增
|
//新增
|
||||||
addition() {
|
addition() {
|
||||||
this.controlWindows.addInfo.title = "账户新增";
|
this.controlWindows.addInfo.title = "账户新增";
|
||||||
@@ -276,6 +298,7 @@ export default {
|
|||||||
width: 183px;
|
width: 183px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
}
|
}
|
||||||
|
.el-autocomplete + .el-select,
|
||||||
.el-input + .el-input,
|
.el-input + .el-input,
|
||||||
.el-input + .el-select,
|
.el-input + .el-select,
|
||||||
.el-select + .el-select,
|
.el-select + .el-select,
|
||||||
|
|||||||
@@ -1,20 +1,18 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="order">
|
<div class="order">
|
||||||
<div class="frame">
|
<div class="frame">
|
||||||
<el-select
|
<!-- <el-autocomplete
|
||||||
class="mr20"
|
class="mr20"
|
||||||
|
label
|
||||||
v-model="parameter.params.id"
|
v-model="parameter.params.id"
|
||||||
|
:fetch-suggestions="querySearchAsync"
|
||||||
|
value-key="refineryName"
|
||||||
|
value="id"
|
||||||
placeholder="炼厂名称"
|
placeholder="炼厂名称"
|
||||||
clearable
|
></el-autocomplete> -->
|
||||||
>
|
|
||||||
<el-option
|
<autocomplete :params="parameter.params" :config="configAutocomplete" />
|
||||||
v-for="item in refineryList"
|
|
||||||
:key="item.id"
|
|
||||||
:label="item.refineryName"
|
|
||||||
:value="item.id"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
<el-select
|
<el-select
|
||||||
v-model="parameter.params.refineryType"
|
v-model="parameter.params.refineryType"
|
||||||
placeholder="炼厂类型"
|
placeholder="炼厂类型"
|
||||||
@@ -169,11 +167,18 @@ import serve from "api/refineryInfo.js";
|
|||||||
import add from "./components/add.vue";
|
import add from "./components/add.vue";
|
||||||
|
|
||||||
import pagination from "components/pagination/index.vue";
|
import pagination from "components/pagination/index.vue";
|
||||||
|
import autocomplete from "components/autocomplete/index.vue";
|
||||||
import generalDetails from "components/generalDetails/index.vue";
|
import generalDetails from "components/generalDetails/index.vue";
|
||||||
|
|
||||||
import { refineryTypeEnum } from "utils/dataType.js";
|
import { refineryTypeEnum } from "utils/dataType.js";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
components: {
|
||||||
|
add,
|
||||||
|
pagination,
|
||||||
|
autocomplete,
|
||||||
|
generalDetails,
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
refineryTypeEnum: refineryTypeEnum,
|
refineryTypeEnum: refineryTypeEnum,
|
||||||
@@ -182,7 +187,13 @@ export default {
|
|||||||
addInfo: {},
|
addInfo: {},
|
||||||
detail: false,
|
detail: false,
|
||||||
},
|
},
|
||||||
|
configAutocomplete: {
|
||||||
|
serveTarget: serve.findByEntity,
|
||||||
|
autocomplateKey: "refineryName",
|
||||||
|
valueKey: "refineryName",
|
||||||
|
placeholder: "炼厂名称",
|
||||||
|
querykey: "refineryId",
|
||||||
|
},
|
||||||
refineryList: [],
|
refineryList: [],
|
||||||
tableHeight: 0,
|
tableHeight: 0,
|
||||||
tableData: [],
|
tableData: [],
|
||||||
@@ -212,11 +223,7 @@ export default {
|
|||||||
],
|
],
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
components: {
|
|
||||||
add,
|
|
||||||
pagination,
|
|
||||||
generalDetails,
|
|
||||||
},
|
|
||||||
mounted() {
|
mounted() {
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.heightHandle();
|
this.heightHandle();
|
||||||
@@ -227,7 +234,6 @@ export default {
|
|||||||
);
|
);
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.findByEntity();
|
|
||||||
this.getByPage();
|
this.getByPage();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
@@ -242,12 +248,19 @@ export default {
|
|||||||
this.parameter.total = res.data.totalCount;
|
this.parameter.total = res.data.totalCount;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
//炼厂list
|
//远程搜索
|
||||||
findByEntity() {
|
// querySearchAsync(queryString, cb) {
|
||||||
serve.findByEntity().then((res) => {
|
// if (queryString) {
|
||||||
this.refineryList = res.data;
|
// serve.findByEntity({ refineryName: queryString }).then((res) => {
|
||||||
});
|
// let timeInstance = setTimeout(() => {
|
||||||
},
|
// clearTimeout(timeInstance);
|
||||||
|
// if (res.data.length) {
|
||||||
|
// cb(res.data);
|
||||||
|
// } else cb([]);
|
||||||
|
// }, 1000 * Math.random());
|
||||||
|
// });
|
||||||
|
// } else cb([]);
|
||||||
|
// },
|
||||||
//新增
|
//新增
|
||||||
addition() {
|
addition() {
|
||||||
this.controlWindows.addInfo.title = "炼厂入驻";
|
this.controlWindows.addInfo.title = "炼厂入驻";
|
||||||
@@ -328,6 +341,7 @@ export default {
|
|||||||
width: 183px;
|
width: 183px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
}
|
}
|
||||||
|
.el-autocomplete + .el-select,
|
||||||
.el-input + .el-input,
|
.el-input + .el-input,
|
||||||
.el-input + .el-select,
|
.el-input + .el-select,
|
||||||
.el-select + .el-select,
|
.el-select + .el-select,
|
||||||
|
|||||||
@@ -29,7 +29,7 @@ module.exports = {
|
|||||||
[process.env.VUE_APP_BASE_API]: {
|
[process.env.VUE_APP_BASE_API]: {
|
||||||
// target: `https://3816t6291y.oicp.vip`,
|
// target: `https://3816t6291y.oicp.vip`,
|
||||||
// target: 'https://6l438d1757.zicp.fun',
|
// target: 'https://6l438d1757.zicp.fun',
|
||||||
target: "http://192.168.110.10:38080",
|
target: "http://192.168.110.230:38080",
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
pathRewrite: {
|
pathRewrite: {
|
||||||
["^" + process.env.VUE_APP_BASE_API]: "",
|
["^" + process.env.VUE_APP_BASE_API]: "",
|
||||||
|
|||||||
Reference in New Issue
Block a user