|
@@ -7,74 +7,65 @@
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-form> -->
|
|
</el-form> -->
|
|
|
|
|
|
- <el-row :gutter="10" class="mb8">
|
|
|
|
- <el-col :span="1.5">
|
|
|
|
- <el-button
|
|
|
|
- type="primary"
|
|
|
|
- plain
|
|
|
|
- icon="el-icon-plus"
|
|
|
|
- size="mini"
|
|
|
|
- @click="handleAdd"
|
|
|
|
- v-hasPermi="['business:BONDED:add']"
|
|
|
|
- >注册</el-button
|
|
|
|
- >
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="1.5">
|
|
|
|
- <el-button
|
|
|
|
- type="success"
|
|
|
|
- plain
|
|
|
|
- icon="el-icon-edit"
|
|
|
|
- size="mini"
|
|
|
|
- :disabled="single"
|
|
|
|
- @click="handleUpdate"
|
|
|
|
- v-hasPermi="['business:BONDED:edit']"
|
|
|
|
- >修改</el-button
|
|
|
|
- >
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="1.5">
|
|
|
|
- <el-button
|
|
|
|
- type="danger"
|
|
|
|
- plain
|
|
|
|
- icon="el-icon-delete"
|
|
|
|
- size="mini"
|
|
|
|
- :disabled="multiple"
|
|
|
|
- @click="handleDelete"
|
|
|
|
- v-hasPermi="['business:BONDED:remove']"
|
|
|
|
- >删除</el-button
|
|
|
|
- >
|
|
|
|
- </el-col>
|
|
|
|
- <right-toolbar
|
|
|
|
- :showSearch.sync="showSearch"
|
|
|
|
- @queryTable="getList"
|
|
|
|
- ></right-toolbar>
|
|
|
|
- </el-row>
|
|
|
|
|
|
+<!-- 上方按钮暂时不用-->
|
|
|
|
+<!-- <el-row :gutter="10" class="mb8">-->
|
|
|
|
+<!-- <el-col :span="1.5">-->
|
|
|
|
+<!-- <el-button-->
|
|
|
|
+<!-- type="primary"-->
|
|
|
|
+<!-- plain-->
|
|
|
|
+<!-- icon="el-icon-plus"-->
|
|
|
|
+<!-- size="mini"-->
|
|
|
|
+<!-- @click="handleAdd"-->
|
|
|
|
+<!-- v-hasPermi="['business:BONDED:add']"-->
|
|
|
|
+<!-- >注册</el-button-->
|
|
|
|
+<!-- >-->
|
|
|
|
+<!-- </el-col>-->
|
|
|
|
+<!-- <el-col :span="1.5">-->
|
|
|
|
+<!-- <el-button-->
|
|
|
|
+<!-- type="success"-->
|
|
|
|
+<!-- plain-->
|
|
|
|
+<!-- icon="el-icon-edit"-->
|
|
|
|
+<!-- size="mini"-->
|
|
|
|
+<!-- :disabled="single"-->
|
|
|
|
+<!-- @click="handleUpdate"-->
|
|
|
|
+<!-- v-hasPermi="['business:BONDED:edit']"-->
|
|
|
|
+<!-- >修改</el-button-->
|
|
|
|
+<!-- >-->
|
|
|
|
+<!-- </el-col>-->
|
|
|
|
+<!-- <el-col :span="1.5">-->
|
|
|
|
+<!-- <el-button-->
|
|
|
|
+<!-- type="danger"-->
|
|
|
|
+<!-- plain-->
|
|
|
|
+<!-- icon="el-icon-delete"-->
|
|
|
|
+<!-- size="mini"-->
|
|
|
|
+<!-- :disabled="multiple"-->
|
|
|
|
+<!-- @click="handleDelete"-->
|
|
|
|
+<!-- v-hasPermi="['business:BONDED:remove']"-->
|
|
|
|
+<!-- >删除</el-button-->
|
|
|
|
+<!-- >-->
|
|
|
|
+<!-- </el-col>-->
|
|
|
|
+<!-- <right-toolbar-->
|
|
|
|
+<!-- :showSearch.sync="showSearch"-->
|
|
|
|
+<!-- @queryTable="getList"-->
|
|
|
|
+<!-- ></right-toolbar>-->
|
|
|
|
+<!-- </el-row>-->
|
|
|
|
|
|
<el-table
|
|
<el-table
|
|
-
|
|
|
|
:data="BONDEDList"
|
|
:data="BONDEDList"
|
|
@selection-change="handleSelectionChange"
|
|
@selection-change="handleSelectionChange"
|
|
>
|
|
>
|
|
- <el-table-column type="selection" width="55" align="center" />
|
|
|
|
- <el-table-column label="保税区名称" align="center" prop="bondedName">
|
|
|
|
- <template slot-scope="scope">
|
|
|
|
- {{ scope.row.bondedName }}
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column label="场站编号" align="center" prop="yardNumber">
|
|
|
|
- <template slot-scope="scope">
|
|
|
|
- {{ scope.row.yardNumber }}
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column label="成立时间" align="center" prop="establishedTime">
|
|
|
|
- <template slot-scope="scope">
|
|
|
|
- {{ scope.row.establishedTime }}
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column label="地址" align="center" prop="site">
|
|
|
|
- <template slot-scope="scope">
|
|
|
|
- {{ scope.row.site }}
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
|
|
+<!-- <el-table-column type="selection" width="55" align="center" ></el-table-column>-->
|
|
|
|
+ <el-table-column label="保税区名称" align="center" prop="deptName"></el-table-column>
|
|
|
|
+ <el-table-column label="产品定位" align="center" prop="industryOrientation"></el-table-column>
|
|
|
|
+ <el-table-column label="规划面积" align="center" prop="planningArea"></el-table-column>
|
|
|
|
+ <el-table-column label="验收面积" align="center" prop="acceptanceArea"></el-table-column>
|
|
|
|
+ <el-table-column label="已使用面积" align="center" prop="useArea"></el-table-column>
|
|
|
|
+ <el-table-column label="使用率" align="center" prop="usageRate"></el-table-column>
|
|
|
|
+ <el-table-column label="仓库面积" align="center" prop="warehouse"></el-table-column>
|
|
|
|
+ <el-table-column label="油库面积" align="center" prop="oilDepot"></el-table-column>
|
|
|
|
+ <el-table-column label="冷库面积" align="center" prop="refrigeratory"></el-table-column>
|
|
|
|
+ <el-table-column label="厂房面积" align="center" prop="workshop"></el-table-column>
|
|
|
|
+ <el-table-column label="批复面积" align="center" prop="approvalTime"></el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
label="操作"
|
|
label="操作"
|
|
align="center"
|
|
align="center"
|
|
@@ -85,18 +76,18 @@
|
|
size="mini"
|
|
size="mini"
|
|
type="text"
|
|
type="text"
|
|
icon="el-icon-edit"
|
|
icon="el-icon-edit"
|
|
- @click="handleUpdate(scope.row)"
|
|
|
|
|
|
+ @click="handleUpdate(scope.row.deptId)"
|
|
v-hasPermi="['business:BONDED:edit']"
|
|
v-hasPermi="['business:BONDED:edit']"
|
|
>修改</el-button
|
|
>修改</el-button
|
|
>
|
|
>
|
|
- <el-button
|
|
|
|
- size="mini"
|
|
|
|
- type="text"
|
|
|
|
- icon="el-icon-delete"
|
|
|
|
- @click="handleDelete(scope.row)"
|
|
|
|
- v-hasPermi="['business:BONDED:remove']"
|
|
|
|
- >删除</el-button
|
|
|
|
- >
|
|
|
|
|
|
+<!-- <el-button-->
|
|
|
|
+<!-- size="mini"-->
|
|
|
|
+<!-- type="text"-->
|
|
|
|
+<!-- icon="el-icon-delete"-->
|
|
|
|
+<!-- @click="handleDelete(scope.row.deptId)"-->
|
|
|
|
+<!-- v-hasPermi="['business:BONDED:remove']"-->
|
|
|
|
+<!-- >删除</el-button-->
|
|
|
|
+<!-- >-->
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
@@ -110,33 +101,79 @@
|
|
/>
|
|
/>
|
|
|
|
|
|
<!-- 添加或修改保税区管理对话框 -->
|
|
<!-- 添加或修改保税区管理对话框 -->
|
|
- <el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="500px" append-to-body>
|
|
|
|
|
|
+ <el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="50%" append-to-body>
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
|
- <el-form-item label="保税区名称" prop="bondedName">
|
|
|
|
- <el-input
|
|
|
|
- v-model="form.bondedName"
|
|
|
|
- placeholder="请输入保税区名称"
|
|
|
|
- ></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="场站编号" prop="yardNumber">
|
|
|
|
- <el-input
|
|
|
|
- v-model="form.yardNumber"
|
|
|
|
- placeholder="请输入场站编号"
|
|
|
|
- ></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="成立时间" prop="establishedTime">
|
|
|
|
- <el-date-picker
|
|
|
|
- v-model="form.establishedTime"
|
|
|
|
- type="date"
|
|
|
|
- placeholder="选择日期"
|
|
|
|
- format="yyyy 年 MM 月 dd 日"
|
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
|
- >
|
|
|
|
- </el-date-picker>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="地址" prop="site">
|
|
|
|
- <el-input v-model="form.site" placeholder="请输入地址"></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
|
|
+ <el-row>
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-form-item label="保税区名称" prop="deptName">
|
|
|
|
+ <el-input v-model="form.deptName" placeholder="请输入保税区名称"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-form-item label="产品定位" prop="industryOrientation">
|
|
|
|
+ <el-input v-model="form.industryOrientation" placeholder="请输入"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+ <el-row>
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-form-item label="规划面积" prop="planningArea">
|
|
|
|
+ <el-input type="number" v-model="form.planningArea" placeholder="请输入(平方公里)"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-form-item label="验收面积" prop="acceptanceArea">
|
|
|
|
+ <el-input type="number" v-model="form.acceptanceArea" placeholder="请输入(平方公里)"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+ <el-row>
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-form-item label="已使用面积" prop="useArea">
|
|
|
|
+ <el-input type="number" v-model="form.useArea" placeholder="请输入(万平方米)"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-form-item label="仓库面积" prop="warehouse">
|
|
|
|
+ <el-input type="number" v-model="form.warehouse" placeholder="请输入(平方米)"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+ <el-row>
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-form-item label="油库面积" prop="oilDepot">
|
|
|
|
+ <el-input type="number" v-model="form.oilDepot" placeholder="请输入(平方米)"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-form-item label="冷库面积" prop="refrigeratory">
|
|
|
|
+ <el-input type="number" v-model="form.refrigeratory" placeholder="请输入(万平方米)"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+ <el-row>
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-form-item label="厂房面积" prop="workshop">
|
|
|
|
+ <el-input type="number" v-model="form.workshop" placeholder="请输入(万平方米)"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-form-item label="批复时间" prop="approvalTime">
|
|
|
|
+ <el-date-picker
|
|
|
|
+ style="width: 100%"
|
|
|
|
+ v-model="form.approvalTime"
|
|
|
|
+ type="date"
|
|
|
|
+ placeholder="选择日期">
|
|
|
|
+ </el-date-picker>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+
|
|
|
|
+ <el-row>
|
|
|
|
+ <el-col :span="12"></el-col>
|
|
|
|
+ <el-col :span="12"></el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+
|
|
</el-form>
|
|
</el-form>
|
|
<div slot="footer" class="dialog-footer">
|
|
<div slot="footer" class="dialog-footer">
|
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
@@ -199,24 +236,17 @@ export default {
|
|
form: {},
|
|
form: {},
|
|
// 表单校验
|
|
// 表单校验
|
|
rules: {
|
|
rules: {
|
|
- id: [{ required: true, message: "主键id不能为空", trigger: "blur" }],
|
|
|
|
- delFlag: [
|
|
|
|
- { required: true, message: "删除标记不能为空", trigger: "blur" },
|
|
|
|
- ],
|
|
|
|
- deptId: [
|
|
|
|
- { required: true, message: "部门id不能为空", trigger: "blur" },
|
|
|
|
- ],
|
|
|
|
- bondedName: [
|
|
|
|
- { required: true, message: "保税区名称不能为空", trigger: "blur" },
|
|
|
|
- ],
|
|
|
|
- yardNumber: [
|
|
|
|
- { required: true, message: "场站编号不能为空", trigger: "blur" },
|
|
|
|
- { pattern: /^[1-9a-zA-Z]{1,}$/, message: '场站编号只能输入数字和字母', trigger: 'blur' }
|
|
|
|
- ],
|
|
|
|
- establishedTime: [
|
|
|
|
- { required: true, message: "成立时间不能为空", trigger: "blur" },
|
|
|
|
- ],
|
|
|
|
- site: [{ required: true, message: "地址不能为空", trigger: "blur" }],
|
|
|
|
|
|
+ deptName: [{ required: true, message: "保税区名称不能为空", trigger: "blur" },],
|
|
|
|
+ industryOrientation: [{ required: true, message: "产业定位不能为空", trigger: "blur" }],
|
|
|
|
+ planningArea: [{ required: true, message: "规划面积不能为空", trigger: "blur" }],
|
|
|
|
+ acceptanceArea: [{ required: true, message: "验收面积不能为空", trigger: "blur" }],
|
|
|
|
+ useArea: [{ required: true, message: "已使用面积不能为空", trigger: "blur" }],
|
|
|
|
+ usageRate: [{ required: true, message: "使用率不能为空", trigger: "blur" }],
|
|
|
|
+ warehouse: [{ required: true, message: "仓库面积不能为空", trigger: "blur" }],
|
|
|
|
+ oilDepot: [{ required: true, message: "油库面积不能为空", trigger: "blur" }],
|
|
|
|
+ refrigeratory: [{ required: true, message: "冷库面积不能为空", trigger: "blur" }],
|
|
|
|
+ workshop: [{ required: true, message: "厂房面积不能为空", trigger: "blur" }],
|
|
|
|
+ approvalTime: [{ required: true, message: "批复时间不能为空", trigger: "blur" }],
|
|
},
|
|
},
|
|
};
|
|
};
|
|
},
|
|
},
|
|
@@ -228,7 +258,7 @@ export default {
|
|
getList() {
|
|
getList() {
|
|
this.loading = true;
|
|
this.loading = true;
|
|
listBONDED(this.queryParams).then((response) => {
|
|
listBONDED(this.queryParams).then((response) => {
|
|
- this.BONDEDList = response.rows;
|
|
|
|
|
|
+ this.BONDEDList = response;
|
|
this.total = response.total;
|
|
this.total = response.total;
|
|
this.loading = false;
|
|
this.loading = false;
|
|
});
|
|
});
|
|
@@ -276,18 +306,24 @@ export default {
|
|
/** 修改按钮操作 */
|
|
/** 修改按钮操作 */
|
|
handleUpdate(row) {
|
|
handleUpdate(row) {
|
|
this.reset();
|
|
this.reset();
|
|
- const id = row.id || this.ids;
|
|
|
|
- getBONDED(id).then((response) => {
|
|
|
|
|
|
+ // const id = row.id || this.ids;
|
|
|
|
+ getBONDED(row).then((response) => {
|
|
this.form = response.data;
|
|
this.form = response.data;
|
|
this.open = true;
|
|
this.open = true;
|
|
- this.title = "修改保税区管理";
|
|
|
|
|
|
+ this.title = "修改保税区信息管理";
|
|
});
|
|
});
|
|
},
|
|
},
|
|
/** 提交按钮 */
|
|
/** 提交按钮 */
|
|
submitForm() {
|
|
submitForm() {
|
|
|
|
+ this.form.acceptanceArea = parseFloat(this.form.acceptanceArea);
|
|
|
|
+ this.form.useArea = parseFloat(this.form.useArea);
|
|
|
|
+ this.form.warehouse = parseFloat(this.form.warehouse);
|
|
|
|
+ this.form.oilDepot = parseFloat(this.form.oilDepot);
|
|
|
|
+ this.form.refrigeratory = parseFloat(this.form.refrigeratory);
|
|
|
|
+ this.form.workshop = parseFloat(this.form.workshop);
|
|
this.$refs["form"].validate((valid) => {
|
|
this.$refs["form"].validate((valid) => {
|
|
if (valid) {
|
|
if (valid) {
|
|
- if (this.form.id != null) {
|
|
|
|
|
|
+ if (this.form.deptId != null) {
|
|
updateBONDED(this.form).then((response) => {
|
|
updateBONDED(this.form).then((response) => {
|
|
this.$modal.msgSuccess("修改成功");
|
|
this.$modal.msgSuccess("修改成功");
|
|
this.open = false;
|
|
this.open = false;
|
|
@@ -295,7 +331,7 @@ export default {
|
|
});
|
|
});
|
|
} else {
|
|
} else {
|
|
addBONDED(this.form).then((response) => {
|
|
addBONDED(this.form).then((response) => {
|
|
- this.$modal.msgSuccess("注册成功");
|
|
|
|
|
|
+ this.$modal.msgSuccess("新增成功");
|
|
this.open = false;
|
|
this.open = false;
|
|
this.getList();
|
|
this.getList();
|
|
});
|
|
});
|
|
@@ -305,11 +341,11 @@ export default {
|
|
},
|
|
},
|
|
/** 删除按钮操作 */
|
|
/** 删除按钮操作 */
|
|
handleDelete(row) {
|
|
handleDelete(row) {
|
|
- const ids = row.id || this.ids;
|
|
|
|
|
|
+ // const ids = row.id || this.ids;
|
|
this.$modal
|
|
this.$modal
|
|
.confirm("是否确认删除?")
|
|
.confirm("是否确认删除?")
|
|
.then(function () {
|
|
.then(function () {
|
|
- return delBONDED(ids);
|
|
|
|
|
|
+ return delBONDED(row);
|
|
})
|
|
})
|
|
.then(() => {
|
|
.then(() => {
|
|
this.getList();
|
|
this.getList();
|