You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
160 lines
10 KiB
160 lines
10 KiB
@{
|
|
ViewBag.Title = "Products";
|
|
Layout = "~/Views/Shared/iframeLayout.cshtml";
|
|
}
|
|
<style>
|
|
.pull-left{display:none}
|
|
.input-group-addon{background-color:#eee!important}
|
|
.box-primary{margin-bottom:10px!important}
|
|
</style>
|
|
<link href="~/3rd/AdminLTE/bower_components/Ionicons/css/ionicons.min.css" rel="stylesheet" />
|
|
<link href="~/3rd/AdminLTE/dist/css/AdminLTE.min.css" rel="stylesheet" />
|
|
<style>
|
|
#flow{display:none}
|
|
</style>
|
|
@*<section class="content-header"></section>*@
|
|
<section class="content">
|
|
<div class="row">
|
|
<div class="col-xs-12" id="top">
|
|
<div class="box box-primary">
|
|
<div class="box-header with-border" style="position:relative">
|
|
<i class="fa fa-bar-chart-o"></i>
|
|
<h3 class="box-title">产品信息</h3>
|
|
@*<div class="box-tools pull-right" style="position:absolute;right:30px;top:-2px;display:none" id="textarea">
|
|
<textarea rows="20" cols="30" style="resize:none;border:2px solid #3c8dbc"></textarea>
|
|
</div>*@
|
|
|
|
<div class="box-tools pull-right">
|
|
<i class="fa fa-question-circle fa-lg" aria-hidden="true" style="color:#3c8dbc; font-size:23px" id="question"></i>
|
|
</div>
|
|
@*弹出提示页*@
|
|
<div class="modal fade" id="info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
|
|
<div class="modal-dialog" role="document">
|
|
<div class="box box-primary ">
|
|
<div class="box-header with-border">
|
|
<div class="box-tools pull-right">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
</div>
|
|
<h3 class="box-title" id="myModalLabel">提示</h3>
|
|
@*<button id="btnExportExcel" class="btn btn-default btn-sm export-xlsx-button btn-lg"> <span class="button-inner"></span></button>*@
|
|
</div>
|
|
<div class="box-body">
|
|
<textarea rows="10" cols="80" style="resize:none;width:100%" id="data" readonly></textarea>
|
|
</div>
|
|
<div class="modal-footer" style="background-color:#e5e5e5">
|
|
<button class="btn btn-primary" id="btncompile">编辑</button>
|
|
<button class="btn btn-success" id="btnsave">保存</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box-body" style="position:absolute" id="AddProduct">
|
|
<div class="form-inline">
|
|
@*<select class="form-control" id="ddlWorkshop">
|
|
</select>*@
|
|
@*@Html.ActionLink(" ", "../Report/ExportToExcel/qwe","Report",null,new { @class= "form-control btn btn-default btn-sm export-xlsx-button " })*@
|
|
@*<button id="btnExportExcel" class="btn btn-default btn-sm export-xlsx-button"> <span class="button-inner"></span></button>*@
|
|
<button class="btn btn-primary" style="border-radius:10px" v-on:click="addproduct()">新增</button>
|
|
</div>
|
|
@*弹出配置信息*@
|
|
<div class="modal fade" id="RoleModal" tabindex="" role="dialog" aria-labelledby="myModalLabel">
|
|
|
|
<div class="modal-dialog" role="document">
|
|
<div class="box box-primary ">
|
|
<div class="box-header with-border">
|
|
<div class="box-tools pull-right">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close" v-on:click="cancel()"><span aria-hidden="true">×</span></button>
|
|
</div>
|
|
<h3 class="box-title" id="myModalLabel">新增产品</h3>
|
|
@*<button id="btnExportExcel" class="btn btn-default btn-sm export-xlsx-button btn-lg"> <span class="button-inner"></span></button>*@
|
|
</div>
|
|
<div class="box-body">
|
|
<div v-for="(item,index) in selection" :key="index" class="col-sm-6 input-group" style="float:left;padding:0 5px;margin-bottom:10px">
|
|
<span class="input-group-addon">{{item.name}}</span>
|
|
<select class="form-control select" v-model="item.selectedValue"> @*v-model="item.selectedValue"*@
|
|
<option v-for="(option,index) in item.passInOptions" :value="option.descriptions" :key="index">{{option.descriptions}}</option>
|
|
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer" style="background-color:#e5e5e5">
|
|
@*<button class="btn btn-primary" id="refresh">刷新</button>*@
|
|
<button class="btn btn-info" id="affirm" v-on:click="save()">确认</button>
|
|
<button class="btn btn-warning" id="cancel" class="close" data-dismiss="modal" aria-label="Close" v-on:click="cancel()">取消</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@*表格*@
|
|
<div class="box-body " style="padding:0 10px 10px;cursor:default" id="ProductTable">
|
|
<div>
|
|
<bootstrap-table :columns="columns" :data="data" :options="options"></bootstrap-table>
|
|
</div>
|
|
<div class="box box-primary" style="position:absolute;right:1px;z-index:5" id="flow">
|
|
<div class="box-header with-border" style="position:relative">
|
|
<i class="fa fa-bar-chart-o"></i>
|
|
<h3 class="box-title">工艺流程</h3>
|
|
</div>
|
|
<div class="box-body">
|
|
<div style="width:100px;height:100px;background-color:cornflowerblue" v-for="item in stations"></div> @*流程块*@
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
@*产品类型&产品系列*@
|
|
<div class="row" id="increase">
|
|
<div class="col-md-6">
|
|
<div class="box box-primary">
|
|
<div class="box-header with-border" style="position:relative">
|
|
<i class="fa fa-bar-chart-o"></i>
|
|
<h3 class="box-title">产品类型</h3>
|
|
</div>
|
|
<div class="box-body" style="padding:6px 10%;display:flex;justify-content:space-around;align-items:center">
|
|
<form class="bs-example bs-example-form" role="form" style="width:70%">
|
|
<div class="input-group" style="width:90%">
|
|
<span class="input-group-addon" style="width:56px">产品类型</span>
|
|
<input type="text" class="form-control color1" style="min-width:162px" v-model="producttype">
|
|
</div>
|
|
<br>
|
|
<div class="input-group" style="width:90%">
|
|
<span class="input-group-addon" style="width:81px;min-width:81px">描述</span>
|
|
<input type="text" class="form-control color1" style="min-width:162px" v-model="typeDetail">
|
|
</div>
|
|
</form>
|
|
<button class="btn btn-primary" style="width:80px;height:80px;" v-on:click.once="addtype()">添加</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="box box-primary">
|
|
<div class="box-header with-border" style="position:relative">
|
|
<i class="fa fa-bar-chart-o"></i>
|
|
<h3 class="box-title">产品系列</h3>
|
|
</div>
|
|
<div class="box-body" style="padding:6px 10%;display:flex;justify-content:space-around;align-items:center">
|
|
<form class="bs-example bs-example-form" role="form" style="width:70%">
|
|
<div class="input-group" style="width:90%">
|
|
<span class="input-group-addon" style="width:56px">产品系列</span>
|
|
<input type="text" class="form-control color2" style="min-width:162px" v-model="productline">
|
|
</div>
|
|
<br>
|
|
<div class="input-group" style="width:90%">
|
|
<span class="input-group-addon" style="width:81px;min-width:81px">描述</span>
|
|
<input type="text" class="form-control color2" style="min-width:162px" v-model="lineDetail">
|
|
</div>
|
|
</form>
|
|
<button class="btn btn-primary" style="width:80px;height:80px;" v-on:click.once="addline()">添加</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<script src="~/3rd/AdminLTE/bower_components/select2/dist/js/select2.min.js"></script>
|
|
<script src="~/Scripts/Config/Products/Products.js?v=11"></script>
|
|
|