apply-clients 3.0.4 → 3.0.5-4

package/src/components/product/Function/functions/BuyerMessage.vue

@@ -1,17 +1,17 @@
 <template>
-  <div class="auto" style="padding-right:5px;" v-if="templateshow">
+  <div class="auto col-sm-12" style="padding-right:5px;" v-if="templateshow">
     <div class="panel panel-info">
-    	<div class="panel-heading">
-    		<h3 class="panel-title text-center"><span  style="cursor: pointer;" class="pull-left">购买方信息</span></h3>
-    	</div>
-      <div  class="col-sm-12"  v-for="(i,datagrid) in data.onetomany">
-        <table  v-show="!datagrid.hidden" class="table table-bordered table-striped table-hover">
-          <tr style="background-color: #00A3F0"  >
-            <th style="border-color: #00A3F0"><font color="white" >序号</font></th>
+      <div class="panel-heading" v-if="title_show">
+        <h3 class="panel-title text-center"><span style="cursor: pointer;" class="pull-left">{{title}}</span></h3>
+      </div>
+      <div class="col-sm-12" v-for="(i,datagrid) in data.onetomany">
+        <table v-show="!datagrid.hidden" class="table table-bordered table-striped table-hover">
+          <tr style="background-color: #00A3F0">
+            <th style="border-color: #00A3F0"><font color="white">序号</font></th>
             <th v-for="labels in datagrid.fields" style="text-align: center;border-color: #00A3F0">
               <nobr><font color="white">{{labels.label}}</font></nobr>
             </th>
-            <th style="text-align: center;border-color: #00A3F0;padding: 0px">
+            <th style="text-align: center;border-color: #00A3F0;padding: 0px" v-if="showprint">
               <button type="button" @click="$dispatch('add',i)" class="btn btn-warning">
                 +
               </button>
@@ -19,74 +19,123 @@
           </tr>
           <tr v-for="(j,row) in model.rows[i]">
             <td style="text-align: center">{{$index+1}}</td>
-            <td  v-for="key in surBodyData[i]" style="text-align: center">
+            <td v-for="key in surBodyData[i]" style="text-align: center">
               {{row[key]}}
             </td>
             <td style="text-align: center">
-              <a href="#" @click="revise(i,j)">修改</a>
-              |<a href="#" @click="deleted(i,j)">删除</a>
+              <a href="#" @click="revise(i,j)" v-if="showprint">修改</a>
+              |<a href="#" @click="deleted(i,j)" v-if="showprint">删除</a>
             </td>
           </tr>
         </table>
       </div>
       <!-- onetomany新增模态框 -->
-
-        <modal  :show.sync="showadd" v-ref:modal backdrop="false">
-        <header slot="modal-header" class="modal-header">
-          <button type="button" class="close" @click="closemodal(modeltitle)"><span>&times;</span></button>
-          <h4 class="modal-title">{{modeltitle}}</h4>
-        </header>
-        <article slot="modal-body" class="modal-body">
-          <div class="col-sm-12" v-for="(index,showadd_field) in showadd_fields.fields">
-            <label class="control-label col-sm-3" style="margin-top: 10px" v-if="!showadd_field.hidden">{{showadd_field.label}}：</label>
-            <div class="col-sm-7">
-              <!--时间datepicker-->
-              <div  v-if="showadd_field.type=='datepicker'"
-                    :class="[showadd_fields[index].required&&!(showadd_fields.fields[index].value) ? 'has-error' : '']">
-                <div >
-                  <datepicker
-                    :placeholder="showadd_field.placeholder"
-                    :value.sync="showadd_fields.fields[index].value"
-                    :format="'yyyy-MM-dd HH:mm:ss'"
-                    v-model="showadd_fields.fields[index].value"
-                    :readonly=true
-                    :disabled="showadd_fields.fields[index].disabled"
-                    @blur="check_disable"
-                    :show-reset-button="reset">
-                  </datepicker>
+      <div class="auto"
+           style="margin-left: 20vw;max-width: 700px;max-hight:500px;z-index:8888;box-shadow: 0px 0px 100px 10px grey;position: fixed;"
+           v-if="showadd">
+        <div class="auto" style="background-color:white;">
+          <div style="padding-top: 15px;padding-left: 15px;padding-right: 15px;border-bottom: 0px solid #e5e5e5;">
+            <span><font size="3">{{modeltitle}}</font></span>
+            <button type="button;float:right" class="close" @click="closemodal(modeltitle)"><span>&times;</span>
+            </button>
+          </div>
+                     
+          <div style="padding-top: 15px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;">
+            <div class="col-sm-12" v-for="(index,showadd_field) in showadd_fields.fields" v-if="refresh_modal">
+              <label
+                :class="showadd_field.required&&!showadd_fields.fields[index].value?'has-error control-label col-sm-3' : 'control-label col-sm-3'"
+                style="margin-top: 10px" v-if="!showadd_field.hidden">{{showadd_field.label}}：</label>
+              <div class="col-sm-7">
+                <!--时间datepicker-->
+                <div v-if="showadd_field.type=='datepicker'"
+                     :class="[showadd_fields[index].required&&!(showadd_fields.fields[index].value) ? 'has-error' : '']">
+                  <div>
+                    <datepicker
+                      :width="'100%'"
+                      :placeholder="showadd_field.placeholder"
+                      :value.sync="showadd_fields.fields[index].value"
+                      :format="'yyyy-MM-dd HH:mm:ss'"
+                      v-model="showadd_fields.fields[index].value"
+                      :readonly=true
+                      :disabled="showadd_fields.fields[index].disabled"
+                      @blur="check_disable"
+                      :show-reset-button="reset">
+                    </datepicker>
+                  </div>
                 </div>
+                <!--select-->
+                <input-select
+                  @change="select_change_modal(index),disabled_check_modal(showadd_fields.fields[index].required,showadd_fields.fields[index].value)"
+                  v-if="showadd_field.type=='select'"
+                  :value.sync="showadd_fields.fields[index].value"
+                  v-model="showadd_fields.fields[index].value"
+                  :options='showadd_fields.fields[index].options'
+                  :class="showadd_field.required&&!showadd_fields.fields[index].value?'has-error form-control' : 'form-control'"
+                  @blur="check_disable_modal,disabled_check_modal(showadd_fields.fields[index].required,showadd_fields.fields[index].value)"
+                  :mouseout="check_disable_modal,disabled_check_modal(showadd_fields.fields[index].required,showadd_fields.fields[index].value)">
+                </input-select>
+                <!-- input -->
+                <input :for="showadd_fields.fields[index].value" :type="showadd_field.type"
+                       @change="select_change_modal(index),check_disable_modal,disabled_check_modal(showadd_fields.fields[index].required,showadd_fields.fields[index].value)"
+                       v-if="(showadd_field.type=='input'||showadd_field.type=='number'||showadd_field.type=='email'||showadd_field.type=='url'||showadd_field.type=='range'||showadd_field.type=='search'||showadd_field.type=='color')&&!showadd_field.hidden"
+                       v-model="showadd_fields.fields[index].value"
+                       :value.sync="showadd_fields[index].value"
+                       @blur="check_disable_modal,disabled_check_modal(showadd_fields.fields[index].required,showadd_fields.fields[index].value)"
+                       class="form-control"
+                       :mouseout="check_disable_modal,disabled_check_modal(showadd_fields.fields[index].required,showadd_fields.fields[index].value)"/>
+                <span
+                  v-if="showadd_fields.fields[index].error&&showadd_fields.fields[index].error.msg&&showadd_fields.fields[index].error.flag"
+                  style="color: red">{{showadd_fields.fields[index].error.msg}}</span>
               </div>
-              <!--select-->
-              <input-select  @change="select_change(index)"   v-if="showadd_field.type=='select'" :value.sync="showadd_fields.fields[index].value"
-                             v-model="showadd_fields.fields[index].value"
-                             :options='showadd_fields.fields[index].options'>
-              </input-select>
-              <!-- input -->
-              <input name="showadd" @change="select_change(index)" v-if="showadd_field.type=='input'&&!showadd_field.hidden"  class="form-control" v-model="showadd_fields[index].value"  :value.sync="showadd_fields[index].value"/>
             </div>
+                     
+          </div>
+          <div
+            style="padding-top: 15px;padding-left: 15px;padding-right: 15px;text-align: right;border-top: 0px solid #e5e5e5;">
+            <button :class="disable_button_modal?'btn btn-default':'btn btn-primary'" v-show="showadd"
+                    :disabled="disable_button_modal" type="button" @click="acknowledge(modeltitle)">
+              确认
+            </button>
           </div>
-        </article>
-        <footer slot="modal-footer" style="border-top:none" class="modal-footer">
-          <button v-show="showadd" type="button" class="btn btn-primary" @click="acknowledge(modeltitle)">确认</button>
-        </footer>
-      </modal>
+           
+        </div>
+      </div>
 
     </div>
-</div>
+  </div>
 </template>
 <script>
   import {HttpResetClass} from 'vue-client'
+  import Vue from 'vue'
+
   export default {
     title: '基本信息',
+    // props: ['griddata', 'gridtitle', 'selectdata'],
+    props: {
+      griddata: {
+        type: Object,
+        default: {}
+      },
+      selectdata: {
+        type: Object,
+        default: {}
+      },
+      showprint: {
+        type: Boolean,
+        default: true,
+      }
+    },
     data() {
       return {
-        templateshow:true,
-        tempid:null,
+        templateshow: true,
+        title: '',
+        title_show: true,
+        tempid: null,
         data: null,
-        surBodyData:[],
+        surBodyData: [],
         refresh: true, // 控制重新渲染
         model: {
-          rows:[],
+          rows: [],
           button: {
             button_name: null,
             button_index: null
@@ -99,72 +148,79 @@
         showadd: false, // onetomany 新增模态框
         showadd_fields: [],  // onetomany 新增模态框的字段配置
         data: null,
-        showadd_index:null,
+        showadd_index: null,
         showmodal: false,
-        modeltitle:null,
-        disable_button: true
+        modeltitle: null,
+        refresh_modal: true,
+        disable_button_modal: true,
       }
     },
-    props: ['selectdata'],
-    ready(){
-      this.data={
+    ready() {
+      this.title = '购买方信息'
+      this.data = {
         onetomany: [
           {
             tables: ["t_buyer_info"],
-            safedelete:true,
+            safedelete: true,
             hidden: false,
             fields: [
               {
                 label: "购货方名称",
                 type: "input",
-                bootstraped:"col-sm-4",
-                label_bootstraped:"col-sm-3",
-                value_bootstraped:"col-sm-9",
+                bootstraped: "col-sm-4",
+                label_bootstraped: "col-sm-3",
+                value_bootstraped: "col-sm-9",
                 field: "f_buyer_name",
                 placeholder: "请输入",
+                required: true,
                 readonly: false
               },
               {
                 label: "购货方纳税人识别号",
                 type: "input",
-                bootstraped:"col-sm-4",
-                label_bootstraped:"col-sm-3",
-                value_bootstraped:"col-sm-9",
-                field:"f_buyer_identify",
-                placeholder:"请输入",
+                bootstraped: "col-sm-4",
+                label_bootstraped: "col-sm-3",
+                value_bootstraped: "col-sm-9",
+                field: "f_buyer_identify",
+                placeholder: "请输入",
                 readonly: false,
-                disabled: false
+                required: true,
+                disabled: false,
+                error: {
+                  flag: false,
+                  msg: '购货方纳税人识别号必须为15位，18位或者20位'
+                }
               },
               {
                 label: "购货方地址、电话",
-                type:"input",
-                bootstraped:"col-sm-4",
-                label_bootstraped:"col-sm-3",
-                value_bootstraped:"col-sm-9",
-                field:"f_buyer_addphone",
-                placeholder:"请输入",
+                type: "input",
+                bootstraped: "col-sm-4",
+                label_bootstraped: "col-sm-3",
+                value_bootstraped: "col-sm-9",
+                field: "f_buyer_addphone",
+                placeholder: "请输入",
                 readonly: false,
                 disabled: false
               },
               {
                 label: "购货方开户行及账号",
-                type:"input",
-                bootstraped:"col-sm-4",
-                label_bootstraped:"col-sm-3",
-                value_bootstraped:"col-sm-9",
-                field:"f_buyer_bank",
-                placeholder:"请输入",
+                type: "input",
+                bootstraped: "col-sm-4",
+                label_bootstraped: "col-sm-3",
+                value_bootstraped: "col-sm-9",
+                field: "f_buyer_bank",
+                placeholder: "请输入",
                 readonly: false,
                 disabled: false
               },
               {
                 label: "购货方电子邮箱",
-                type:"input",
-                bootstraped:"col-sm-4",
-                label_bootstraped:"col-sm-3",
-                value_bootstraped:"col-sm-9",
-                field:"f_buyer_email",
-                placeholder:"请输入",
+                type: "email",
+                bootstraped: "col-sm-4",
+                label_bootstraped: "col-sm-3",
+                value_bootstraped: "col-sm-9",
+                field: "f_buyer_email",
+                placeholder: "请输入",
                 readonly: false,
                 disabled: false
               }
@@ -175,29 +231,93 @@
       this.load()
     },
     methods: {
-      // 级联操作预留
-      select_change(index) {
-        // this.$dispatch('select_cascade', index)
+      // 模态框级联操作预留
+      select_change_modal(index) {
+        if (this.showadd_fields.fields[index].value) {
+          this.showadd_fields[index] = {}
+          this.showadd_fields[index].value = this.showadd_fields.fields[index].value
+        } else if (this.showadd_fields[index] && this.showadd_fields[index].value) {
+          this.showadd_fields.fields[index].value = this.showadd_fields[index].value
+        }
+        this.refresh_modal = false
+        this.$nextTick(() => {
+          this.refresh_modal = true
+        })
+        // this.$dispatch('select_cascade_modal', index)
+        if (this.showadd_fields.fields[index].label == '购货方纳税人识别号') {
+          if (this.showadd_fields.fields[index].value.length != 15 && this.showadd_fields.fields[index].value.length != 18 && this.showadd_fields.fields[index].value.length != 20) {
+            this.showadd_fields.fields[index].error.flag = true
+            this.clear_showadd_fields_value(index)
+          } else {
+            this.showadd_fields.fields[index].error.flag = false
+          }
+        }
+      },
+      // 清理
+      clear_showadd_fields_value(index) {
+        this.showadd_fields.fields[index].value = ''
+        this.showadd_fields[index].value = ''
+      },
+      // 检测模态框按钮的disable
+      disabled_check_modal(required, value) {
+        if (required && value) {
+          this.disable_button_modal = false
+
+          let fields = this.showadd_fields.fields
+          let flag = false
+          for (let i = 0; i < fields.length; i++) {
+            if (fields[i].type !== 'checkbox' && fields[i].required && !fields[i].value) {
+              flag = true
+            }
+          }
+          this.disable_button_modal = flag
+        }
+      },
+      check_disable_modal() {
+        let fields = this.showadd_fields.fields
+        let flag = false
+        for (let i = 0; i < fields.length; i++) {
+          if (fields[i].type !== 'checkbox' && fields[i].required && !fields[i].value) {
+            flag = true
+          }
+        }
+        let count = 0
+        for (let i = 0; i < fields.length; i++) {
+          if (fields[i].type !== 'checkbox' && !fields[i].required) {
+            count++
+          }
+        }
+        if (count = 0) {
+          flag = false
+        }
+        this.disable_button_modal = flag
       },
       // 删除
-      deleted(i,j){
-        this.$showMessage("您确定要删除这条记录吗？",['confirm']).then((res)=>{
-          if(res=='confirm'){
-            this.onetomanydelete(i,j)
+      deleted(i, j) {
+        this.$showMessage("您确定要删除这条记录吗？", ['confirm']).then((res) => {
+          if (res == 'confirm') {
+            this.onetomanydelete(i, j)
           }
         })
       },
       // 修改
-      revise(index,index2){
+      revise(index, index2) {
+        this.showadd_fields = []
         let templet = new Object()
         templet = this.data.onetomany[index]
         for (let j = 0; j < templet.fields.length; j++) {
-          templet.fields[j].value = this.model.rows[index][index2][templet.fields[j].field]
-          if(templet.fields[j].type == 'datepicker'){
-            templet.fields[j].value =  new Date().Format("yyyy-MM-dd HH:mm:ss")
+          if (templet.fields[j].type == 'input') {
+            templet[j] = {}
+            templet[j].value = this.model.rows[index][index2][templet.fields[j].field]
+            templet.fields[j].value = this.model.rows[index][index2][templet.fields[j].field]
+          } else {
+            templet.fields[j].value = this.model.rows[index][index2][templet.fields[j].field]
+            if (templet.fields[j].type == 'datepicker') {
+              templet.fields[j].value = new Date().Format("yyyy-MM-dd HH:mm:ss")
+            }
           }
         }
-        this.tempid= this.model.rows[index][index2].id
+        this.tempid = this.model.rows[index][index2].id
         this.modeltitle = '修改'
         this.showadd_fields = templet
         this.showadd_index = index
@@ -218,7 +338,7 @@
         })
       },
       //获取view层confirm事件
-      async confirm(tables, row,showadd_index,j) {
+      async confirm(tables, row, showadd_index, j) {
         var _this = this
         for (let i = 0; i < tables.length; i++) {
           let datas = {
@@ -228,7 +348,9 @@
           datas.row['f_process_id'] = this.selectdata.f_process_id
           datas.row['f_apply_num'] = this.selectdata.f_apply_num
           datas.row['f_filiale'] = this.selectdata.f_filiale
-          datas.row['f_state'] = '有效'
+          datas.row['f_operator'] = this.$login.f.name
+          datas.row['f_parentname'] = this.$login.f.f_parentname
+          datas.row['f_operator_date'] = new Date().Format("yyyy-MM-dd HH:mm:ss")
           let http = new HttpResetClass()
           if (tables[i] == 't_charge_record') {
             await http.load('POST', 'rs/logic/applycharge', datas, {
@@ -259,46 +381,51 @@
       // 模态框点击确定按钮
       acknowledge(val) {
         let temp = {}
-        if (val == '新增') {
-          for(let i=0;i<this.showadd_fields.fields.length;i++){
-            if(this.showadd_fields[i]){
+        console.log('点击按钮后的this.showadd_fields.fields=>' + JSON.stringify(this.showadd_fields.fields))
+        for (let i = 0; i < this.showadd_fields.fields.length; i++) {
+          if (this.showadd_fields.fields[i].value) {
+            temp[this.showadd_fields.fields[i].field] = this.showadd_fields.fields[i].value
+          } else {
+            if(this.showadd_fields[i]&&this.showadd_fields[i].value){
               temp[this.showadd_fields.fields[i].field] = this.showadd_fields[i].value
-            }else{
-              temp[this.showadd_fields.fields[i].field] = this.showadd_fields.fields[i].value
             }
-
           }
+        }
+        console.log('点击按钮后搜集到的页面数据temp=>' + JSON.stringify(temp))
+        if (val == '新增') {
+          console.log('即将新增记录，新增数据=>' + JSON.stringify(temp))
+          console.log('this.model.rows[this.showadd_index]=>' + JSON.stringify(this.model.rows[this.showadd_index]))
           this.model.rows[this.showadd_index].push(temp)
-          this.confirm(this.data.onetomany[this.showadd_index].tables,temp,this.showadd_index,this.model.rows[this.showadd_index].length-1)
-          this.showadd_fields = null
-          this.showadd_index = null
+          this.confirm(this.data.onetomany[this.showadd_index].tables, temp, this.showadd_index, this.model.rows[this.showadd_index].length - 1)
           this.closemodal(val)
-        } else if(val == '修改'){
-          for(let j=0;j<this.showadd_fields.fields.length;j++){
-            if(this.showadd_fields[j]){
-              temp[this.showadd_fields.fields[j].field] = this.showadd_fields[j].value
-            }else{
-              temp[this.showadd_fields.fields[j].field] = this.showadd_fields.fields[j].value
-            }
-          }
+        } else if (val == '修改') {
           console.log(`修改信息=======>${JSON.stringify(temp)}`)
           temp.id = this.tempid
-          this.confirm(this.data.onetomany[this.showadd_index].tables,temp,this.showadd_index,this.model.rows[this.showadd_index].length-1)
-          this.showadd_fields = null
-          this.showadd_index = null
+          this.confirm(this.data.onetomany[this.showadd_index].tables, temp, this.showadd_index, this.model.rows[this.showadd_index].length - 1)
           this.closemodal(val)
         }
       },
       // 关闭模态框
       closemodal() {
+        console.log('进入关闭模态框方法，先清空数据this.showadd_fields,目前数据=>' + JSON.stringify(this.showadd_fields))
+        for (let i = 0; i < this.showadd_fields.fields.length; i++) {
+          if (this.showadd_fields[i] && this.showadd_fields[i].value) {
+            this.showadd_fields[i].value = ''
+          }
+          if (this.showadd_fields.fields[i] && this.showadd_fields.fields[i].value) {
+            this.showadd_fields.fields[i].value = ''
+          }
+        }
+
         this.showadd_fields = null
         this.showadd = false
+        this.disable_button_modal = true
         this.modeltitle = null
-        this.tempid= null
+        this.tempid = null
       },
       async load() {
-        let index=0
-        this.model = Object.assign({}, this.model, this.selectdata)
+        let index = 0
+        this.model = Object.assign({}, this.model, this.griddata)
         let http = new HttpResetClass()
         let data = {
           tablename: this.data.onetomany[index].tables[0],
@@ -315,7 +442,7 @@
         console.log(JSON.stringify('this.data.onetomany[index].rows=>' + JSON.stringify(this.data.onetomany[index].rows)))
 
         // 初始化onetomany中的fields
-        for(let j =0;j<this.data.onetomany[index].fields.length;j++){
+        for (let j = 0; j < this.data.onetomany[index].fields.length; j++) {
           // 如果配置类型为select,优先从参数列表获取options
           if (this.data.onetomany[index].fields[j].type === 'select') {
             let temp = Vue.$appdata.getParam(this.data.onetomany[index].fields[j].label)
@@ -324,18 +451,18 @@
             }
           }
         }
-        this.model.rows =[]
+        this.model.rows = []
         this.surBodyData = []
-        if(this.data.onetomany&&this.data.onetomany.length>0){
-          for(let i = 0; i<this.data.onetomany.length;i++){
+        if (this.data.onetomany && this.data.onetomany.length > 0) {
+          for (let i = 0; i < this.data.onetomany.length; i++) {
             let temp = []
-            for(let j = 0; j < this.data.onetomany[i].fields.length; j++){
+            for (let j = 0; j < this.data.onetomany[i].fields.length; j++) {
               temp.push(this.data.onetomany[i].fields[j].field)
             }
             this.surBodyData.push(temp)
           }
-          for(let i=0;i<this.data.onetomany.length;i++){
-            if(this.data.onetomany[i].rows){
+          for (let i = 0; i < this.data.onetomany.length; i++) {
+            if (this.data.onetomany[i].rows) {
               this.model.rows.push(this.data.onetomany[i].rows)
             }
           }
@@ -347,13 +474,13 @@
       }
     },
     events: {
-      'add'(index){
+      'add'(index) {
         let templet = new Object()
         templet = this.data.onetomany[index]
         for (let j = 0; j < templet.fields.length; j++) {
           templet.fields[j].value = ''
-          if(templet.fields[j].type == 'datepicker'){
-            templet.fields[j].value =  new Date().Format("yyyy-MM-dd HH:mm:ss")
+          if (templet.fields[j].type == 'datepicker') {
+            templet.fields[j].value = new Date().Format("yyyy-MM-dd HH:mm:ss")
           }
         }
         this.modeltitle = '新增'
@@ -362,13 +489,34 @@
         this.showadd = true
       }
     },
-    computed: {
-
+    computed: {},
+    watch: {
+      'selectdata'(){
+        this.load()
+      },
+      deep:true
     }
   }
+
+  // Date格式化
+  Date.prototype.Format = function (fmt) {
+    var o = {
+      "M+": this.getMonth() + 1, //月份
+      "d+": this.getDate(), //日
+      "H+": this.getHours(), //小时
+      "m+": this.getMinutes(), //分
+      "s+": this.getSeconds(), //秒
+      "q+": Math.floor((this.getMonth() + 3) / 3), //季度
+      "S": this.getMilliseconds() //毫秒
+    };
+    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
+    for (var k in o)
+      if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
+    return fmt;
+  }
 </script>
 <style scoped>
-  tr{
+  tr {
     height: 34px;
   }
 </style>