<!DOCTYPE html>
|
<html lang="zh-cn">
|
|
<head>
|
<meta charset="utf-8">
|
<include file="common:title" />
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<include file="common:header" />
|
<include file="common:element-plus" />
|
</head>
|
|
<body>
|
<div id="vue_item" v-cloak>
|
<el-container>
|
<el-aside class="el-menu-container" :width="el_aside_width">
|
<!-- 侧边菜单 -->
|
<include file="common:side_menu" />
|
</el-aside>
|
<el-container>
|
<el-header>
|
<include file="common:guide" one_word="基础信息配置" two_word="货运属性管理" />
|
</el-header>
|
<el-main>
|
<el-card style="width: 100%">
|
<template #header>
|
<div class="card-header"><span data-i18n="logisticsProduct_management">货运属性管理</span>
|
 
|
<el-link type="primary" class="header_add_btn" icon="CirclePlusFilled" :underline="false" href="javascript:void(0)" @click="Add(-1)"><span
|
data-i18n="add">添加</span></el-link>
|
</div>
|
</template>
|
<el-form label-width="auto">
|
<el-input v-model="searchdata.kw" placeholder="请输入货运属性名称或属性代码" style="width: 300px"></el-input>
|
 <el-button type="success" icon="Search" @click="index()">搜索</el-button>
|
</el-form>
|
<br />
|
<el-table :data="list" border style="width: 100%" :stripe="true" ref="tableRef">
|
<el-table-column prop="id" label="编号" width="80"></el-table-column>
|
<el-table-column prop="attr_code" label="货运属性代码" width="180"></el-table-column>
|
<el-table-column prop="attr_name" label="货运属性名称"></el-table-column>
|
<el-table-column prop="order_id" label="排序"></el-table-column>
|
<el-table-column label="操作选项" fixed="right" min-width="200" :align="alignValue(200)">
|
<template #default="scope">
|
<el-button icon="edit" type="primary" @click="Add(scope.$index)"></el-button>
|
<el-button icon="delete" type="danger" @click="del(scope.$index)"></el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="searchdata.p" :page-sizes="[20, 30, 40, 50]"
|
:page-size="searchdata.page_size" layout="total, sizes, prev, pager, next" :total="other.count">
|
</el-pagination>
|
</el-card>
|
</el-main>
|
<!-- <el-footer>Footer</el-footer> -->
|
</el-container>
|
</el-container>
|
|
<el-dialog :title="Add_title" v-model="dialog.addDialogStatus" :show-close="true" width="700px">
|
<el-form ref="Add_form" :model="Add_form" label-width="100px">
|
|
<el-form-item label="货运属性代码">
|
<el-input v-model="Add_form.attr_code" placeholder="请输入属性代码" style="width:260px;"></el-input>
|
</el-form-item>
|
<el-form-item label="货运属性名称">
|
<el-input v-model="Add_form.attr_name" placeholder="请输入属性名称" style="width:260px;"></el-input>
|
</el-form-item>
|
<el-form-item v-if="Add_form.id>0" label="排序值">
|
<!-- <el-input v-model="Add_form.order_id" placeholder="请输入排序" style="width:260px;"></el-input> -->
|
<el-input-number v-model="Add_form.order_id" class="mx-4" controls-position="right" />
|
</el-form-item>
|
<el-form-item>
|
<el-button :loading="loading" type="primary" @click="submit">
|
<span v-if="!loading">保 存</span>
|
<span v-else>提 交 中...</span>
|
</el-button>
|
<el-button @click="dialog.addDialogStatus=false">取消</el-button>
|
|
</el-form-item>
|
</el-form>
|
|
|
|
</el-dialog>
|
</div>
|
</body>
|
<!-- 共用的方法 -->
|
<script src="/static/vue/mixin_admin.js"></script>
|
<script src="/static/admin/js/goods_freight_attr/index.js?v=<?php echo rand(1000,9999)?>"></script>
|
|
</html>
|
