| | |
|---|
| | | <meta charset="UTF-8"> |
|---|
| | | <!-- import CSS --> |
|---|
| | | <link rel="stylesheet" href="../js/static/css/element.css"> |
|---|
| | | <link rel="stylesheet" href="../js/static/css/style.css"> |
|---|
| | | <!-- <link rel="stylesheet" href="../js/static/css/style.css"> --> |
|---|
| | | <style > |
|---|
| | | html,body{ |
|---|
| | | width: 99%; |
|---|
| | | height: 99%; |
|---|
| | | background-color: #D5EAFF; |
|---|
| | | padding: 0%; |
|---|
| | | margin: auto; |
|---|
| | | text-align: center; |
|---|
| | | display: flex; |
|---|
| | | justify-content: center; |
|---|
| | | align-items: center; |
|---|
| | | } |
|---|
| | | #app{ |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | margin: 0; |
|---|
| | | padding: 0; |
|---|
| | | } |
|---|
| | | #divHead,#left,#main,.shelf{ |
|---|
| | | box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); |
|---|
| | | } |
|---|
| | | input::-webkit-outer-spin-button, |
|---|
| | | input::-webkit-inner-spin-button { |
|---|
| | | -webkit-appearance: none; |
|---|
| | | } |
|---|
| | | *{ |
|---|
| | | text-align: center; |
|---|
| | | } |
|---|
| | | #mains{ |
|---|
| | | height: 100%; |
|---|
| | | width: 100%; |
|---|
| | | padding: 0; |
|---|
| | | margin: 0; |
|---|
| | | } |
|---|
| | | .page-scroll { |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | | <div id="app" > |
|---|
| | | <el-container > |
|---|
| | | <el-container style="width:100%;height:100%" > |
|---|
| | | <el-header style="height: 3%;"> |
|---|
| | | <el-button @click="showFlagFuc" type="primary" round style="float:left;">{{showFlag==false?'返回产品':'添加产品'}}</el-button> |
|---|
| | | </el-header> |
|---|
| | | <el-main > |
|---|
| | | <el-main style="width:100%;height:97%" > |
|---|
| | | <el-table v-show="showFlag" |
|---|
| | | :data="produceData" |
|---|
| | | max-height="600" |
|---|
| | | height="100%" |
|---|
| | | style="width: 100%;"> |
|---|
| | | |
|---|
| | | |
|---|
| | |
|---|
| | | :key="index" |
|---|
| | | :label="item" |
|---|
| | | > |
|---|
| | | <el-table-column :prop="keys" v-if="index==0"> |
|---|
| | | <el-table-column :prop="keys" v-if="index==0" > |
|---|
| | | <template slot-scope="scope" v-if="Object.keys(produceData[0]).length!=0"> |
|---|
| | | <el-button |
|---|
| | | @click.native.prevent="updateRow(scope.$index, produceData)" |
|---|
| | |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | <!-- 新增修改 --> |
|---|
| | | <div v-show="updateShowFlag" style="width: 30%;float: left;margin-top: 10%;margin-left: 10%; "> |
|---|
| | | <div v-show="updateShowFlag" style="width: 30%;height: 50vh;float: left;margin-top: 10%;margin-left: 10%; "> |
|---|
| | | <img :src="ruleForm.route" > |
|---|
| | | </div> |
|---|
| | | |
|---|
| | |
|---|
| | | <script src="../js/jquery-3.4.1.min.js"></script> |
|---|
| | | <script src="../js/axios.min.js"></script> |
|---|
| | | <script src="../js/static/js/vue.js"></script> |
|---|
| | | <script src="../js/global.js"></script> |
|---|
| | | <script src="../js/mixins.js"></script> |
|---|
| | | <!-- import JavaScript --> |
|---|
| | | <script src="../js/static/js/element.js"></script> |
|---|
| | |
|---|
| | | } |
|---|
| | | this.ruleForm.creator='<%= request.getParameter("xingming") %>'; |
|---|
| | | let sql="{call AXJ_a_produce_insert(?,?,?,?,?,?,?,?,?)}~"+JSON.stringify(this.ruleForm); |
|---|
| | | this.connects("新增产品",sql,1,1); |
|---|
| | | this.connects("新增产品",sql,1,1); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | resetForm(formName) { |
|---|
| | |
|---|
| | | arrObj[i]=this.selectGlass[i] |
|---|
| | | } |
|---|
| | | let sql="{call AXJ_a_produce_select(?,?,?,?,?,?,?,?,?)}~"+JSON.stringify(arrObj); |
|---|
| | | loadAjxs('产品查询',sql,2,"produceData"); |
|---|
| | | this.loadAjxss('产品查询',sql,2,"produceData"); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed:{ |
|---|
| | |
|---|
| | | mounted() { |
|---|
| | | let sql="{call AXJ_a_produce_select_into()}"; |
|---|
| | | let flag=2; |
|---|
| | | loadAjxs('产品初始查询',sql,flag,"produceData"); |
|---|
| | | this.loadAjxss('产品初始查询',sql,flag,"produceData"); |
|---|
| | | |
|---|
| | | sql="{call AXJ_a_produceHeader_select()}"; |
|---|
| | | loadAjxs('产品表头',sql,flag,"tableHead"); |
|---|
| | | this.loadAjxss('产品表头',sql,flag,"tableHead"); |
|---|
| | | |
|---|
| | | sql="{call AXJ_a_optFile_select()}"; |
|---|
| | | loadAjxs('产品opt编码查询',sql,flag,"optList"); |
|---|
| | | this.loadAjxss('产品opt编码查询',sql,flag,"optList"); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | }) |
|---|
