apply-clients 3.3.222 → 3.4.2-FuGu-4

package/src/filiale/yuchuan/android/AppServiceView.vue

@@ -1,599 +0,0 @@
-<template>
-  <div class="form-horizontal select-overspread">
-    <div v-for="(index,item) in data.fields">
-      <!--input-->
-      <div :style="item.style ? item.style : ''"
-           v-if="(item.type==='input' || item.type==='number'||item.type === 'tel'||item.type === 'email') && !item.hidden && (item.device === 'app' || !item.device)"
-           :class="[item.required && !(item.value) ? 'apply-has-error' : '', item.bootstraped ? item.bootstraped + ' form-group app-input':'col-xs-12 form-group app-input']">
-        <label class="control-label-justify">{{item.label}}</label>
-        <div :style="item.value_style ? item.value_style:''"
-             :class="item.value_bootstraped ? item.value_bootstraped : 'col-xs-8'">
-          <input class=""
-                 :type="item.type"
-                 v-model="data.fields[index].value"
-                 :placeholder="item.placeholder"
-                 :value="data.fields[index].value"
-                 :readonly="item.readonly"
-                 :disabled="item.disabled"
-                 @change="onchange(index)"
-                 @blur="onblur(index)"
-                 @input="oninput(index)"
-          />
-        </div>
-      </div>
-
-      <!--select-->
-      <div :style="item.style ? item.style : ''"
-           v-if="item.type==='select' && !item.hidden  && (item.device === 'app' || !item.device)"
-           :class="[item.required && !(item.value) ? 'apply-has-error' : '', item.bootstraped ? item.bootstraped + ' form-group app-input':'col-xs-12 form-group app-input']">
-        <label class="control-label-justify">{{item.label}}</label>
-        <div :style="item.value_style ? item.value_style:''"
-             :class="item.value_bootstraped ? item.value_bootstraped : 'col-xs-8'">
-          <v-select
-            class="select" width="100%" align="right"
-            :placeholder="item.placeholder"
-            :search="item.search"
-            close-on-select value-single
-            :options="data.fields[index].options"
-            v-model="data.fields[index].value"
-            :value.sync="data.fields[index].value"
-            @blur="onblur(index)"
-            @change="onchange(index)"
-            :readonly="item.readonly"
-            :disabled="item.disabled"
-          ></v-select>
-        </div>
-      </div>
-
-      <!--时间datepicker-->
-      <div :style="item.style ? item.style : ''"
-           v-if="item.type==='datepicker' && !item.hidden  && (item.device === 'app' || !item.device)"
-           :class="[item.required && !(item.value) ? 'apply-has-error' : '', item.bootstraped ? item.bootstraped+' form-group app-input':'col-xs-12 form-group app-input']">
-        <label class="control-label-justify has-error">{{item.label}}</label>
-        <div :style="item.value_style ? item.value_style:''"
-             :class="item.value_bootstraped ? item.value_bootstraped : 'col-xs-8'">
-          <datepicker
-            @change="onchange(index)"
-            @blur="onblur(index)"
-            :placeholder="item.placeholder"
-            :value.sync="data.fields[index].value"
-            :format="item.format ? item.format : 'yyyy-MM-dd'"
-            v-model="data.fields[index].value"
-            :readonly="item.readonly"
-            :disabled="item.disabled"
-            :show-reset-button="true">
-          </datepicker>
-        </div>
-      </div>
-
-      <!--textarea-->
-      <div :style="item.style ? item.style : ''"
-           v-if="item.type==='textarea' && !item.hidden  && (item.device === 'app' || !item.device)"
-           :class="[item.required && !(item.value) ? 'apply-has-error' : '', item.bootstraped?item.bootstraped+' form-group app-input':'col-xs-12 form-group app-input']">
-        <label class="control-label-justify">{{item.label}}</label>
-        <div :style="item.value_style ? item.value_style:''"
-             :class="item.value_bootstraped ? item.value_bootstraped : 'col-xs-8'">
-              <textarea
-                :readonly="item.readonly"
-                :disabled="item.disabled"
-                class="" rows="1"
-                style="width: 100%;height: 100%"
-                v-model="data.fields[index].value"
-                :value="data.fields[index].value"
-                @change="onchange(index)"
-                @blur="onblur(index)"
-                @input="oninput(index)"
-              ></textarea>
-        </div>
-      </div>
-    </div>
-    <accordion one-at-a-time="true">
-      <panel v-for="(i,item) in data.onetomany" :header="item.title" :is-open="false" type="primary">
-        <app-onetomany :onetomany="item" :index="i"></app-onetomany>
-      </panel>
-      <panel v-for="(i,item) in data.components" :header="item.title" :is-open="false" type="primary" v-if="item.device === 'app' || !item.device">
-        <component :is="item.name" :selectdata="data" :mark="item.mark"></component>
-      </panel>
-    </accordion>
-
-    <!--自定义组件-->
-    <slot></slot>
-
-    <!-- 按钮组 -->
-    <div class="form-group text-center">
-      <div v-for="(index,button) in data.buttons" class="form-group col-xs-6" v-if="!button.hidden">
-        <button :disabled="(button.button_name==='提交'||button.button_name==='下发') && disable_button"
-                :class="(button.button_name==='提交'||button.button_name==='下发')&&disable_button?'btn btn-default':'btn btn-primary'"
-                @click.prevent="clicked(index,button)"
-                style="min-width:100px;">
-          {{button.button_name}}
-        </button>
-      </div>
-    </div>
-
-    <!-- onetomany模态框 -->
-    <modal v-if="show" :show.sync="show" backdrop="false" :large="modalSize === 'large' ? true : false" :small="modalSize === 'small' ? true : false">
-      <header slot="modal-header" class="modal-header">
-        <button type="button" class="close" @click="closemodal()"><span>&times;</span></button>
-        <span class="modal-title"><font
-          size="3">{{modeltitle}}</font></span>
-      </header>
-      <article slot="modal-body" class="modal-body clearfix">
-        <div
-          :class="[item.required&&!(item.value) ? 'has-error' : '',item.bootstraped?item.bootstraped + 'form-group' :'col-xs-12 form-group']"
-          v-for="(index,item) in data.onetomany[onetomany_index].fields" v-if="!item.displayPosition || item.displayPosition === '*' || item.displayPosition === 'from'">
-          <div :class="item.label_bootstraped ? item.label_bootstraped : 'col-xs-3'">
-            <label v-show="!item.hidden" class="control-label-justify control-label" >{{item.label}}</label>
-          </div>
-          <div :class="item.value_bootstraped ? item.value_bootstraped : 'col-xs-9'" v-show="!item.hidden">
-            <!--时间datepicker-->
-            <datepicker
-              v-if="item.type === 'datepicker'"
-              @change="onchange_modal(index)"
-              @blur="onblur_modal(index)"
-              :placeholder="item.placeholder"
-              :value.sync="data.onetomany[onetomany_index].fields[index].value"
-              :format="'yyyy-MM-dd'"
-              v-model="data.onetomany[onetomany_index].fields[index].value"
-              :readonly="item.readonly"
-              :disabled="item.disabled"
-              :show-reset-button="reset">
-            </datepicker>
-            <!--select-->
-            <input-select
-              @change="onchange_modal(index)"
-              v-if="item.type === 'select'"
-              @blur="onblur_modal(index)"
-              :value.sync="data.onetomany[onetomany_index].fields[index].value"
-              v-model="data.onetomany[onetomany_index].fields[index].value"
-              :options='data.onetomany[onetomany_index].fields[index].options'>
-            </input-select>
-            <!-- input -->
-            <input v-if="item.type==='input' || item.type==='number'||item.type === 'tel'||item.type === 'email'"
-                   class="form-control"
-                   :type="item.type"
-                   v-model="data.onetomany[onetomany_index].fields[index].value"
-                   :placeholder="item.placeholder"
-                   :value="data.onetomany[onetomany_index].fields[index].value"
-                   :readonly="item.readonly"
-                   :disabled="item.disabled"
-                   @change="onchange_modal(index)"
-                   @blur="onblur_modal(index)"
-                   @input="oninput_modal(index)"
-            />
-
-            <textarea
-              v-if="item.type==='textarea'"
-              :readonly="item.readonly"
-              :disabled="item.disabled"
-              class="form-control input_view"
-              style="width: 100%;height: 100%"
-              :rows="item.rows"
-              v-model="data.onetomany[onetomany_index].fields[index].value"
-              :value="data.onetomany[onetomany_index].fields[index].value"
-              @change="onchange_modal(index)"
-              @blur="onblur_modal(index)"
-              @input="oninput_modal(index)"
-            >
-            </textarea>
-          </div>
-        </div>
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-        <button :class="disable_button_onetomany?'btn btn-default':'btn btn-primary'"
-                :disabled="disable_button_onetomany" type="button" @click.prevent="confirm_modal(modeltitle)">
-          确认
-        </button>
-      </footer>
-    </modal>
-
-    <!-- 按钮模态框 -->
-    <modal v-if="showbutmodal" :show.sync="showbutmodal" v-ref:modal backdrop="false">
-      <header slot="modal-header" class="modal-header">
-        <button type="button" class="close" @click="closemodal()"><span>&times;</span></button>
-        <h4 class="modal-title">{{model.button.button_name}}</h4>
-      </header>
-      <article slot="modal-body" class="modal-body clearfix">
-        <div class="col-xs-12 col-sm-12" v-for="(index,button) in data.buttons[model.button.button_index].button_fields">
-          <label class="control-label col-xs-4" style="margin-top: 10px">{{button.label}}：</label>
-          <div class="col-xs-8">
-            <!--select-->
-            <input-select v-if="button.type=='select'"
-                          :value.sync="data.buttons[model.button.button_index].button_fields[index].value"
-                          v-model="data.buttons[model.button.button_index].button_fields[index].value"
-                          :options='button.options'></input-select>
-            <!-- input -->
-            <input v-else type="text" class="form-control"
-                   v-model="data.buttons[model.button.button_index].button_fields[index].value"/>
-          </div>
-        </div>
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-        <button type="button" class="btn btn-primary" :disabled="disable_button_but" @click='confirm_but_modal()'>确认</button>
-      </footer>
-    </modal>
-  </div>
-</template>
-<script>
-  import Vue from 'vue'
-  // 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
-  }
-
-  export default {
-    title: '报建业务通用组件',
-    props: {
-      data: {
-        type: Object
-      },
-      showprint: {
-        type: Boolean,
-        default: true
-      }
-    },
-    data () {
-      return {
-        model: {}, // 公司等属性
-        disable_button: true, // 控制按钮禁用
-        show: false, // 控制onetomany模态框
-        disable_button_onetomany: true, // 控制onetomany模态框按钮
-        onetomany_index: null, // 当前选择的下标
-        update_onetomany_index: null, // 当前需要修改的下标
-        modeltitle: null, // 模态框标题
-        modalSize: null, // 模态框大小
-        showbutmodal: false,
-      }
-    },
-    watch: {
-      deep: true
-    },
-    computed: {
-
-    },
-    created () {
-      // 初始化数据
-      this.initializtion()
-    },
-    methods: {
-      // 初始化数据
-      initializtion () {
-        // 是否禁用按钮
-        this.disableButton()
-        this.$dispatch('initializtionView')
-      },
-      // 按钮模态框确定
-      confirm_but_modal() {
-        for (const item of this.data.buttons[this.model.button.button_index].button_fields) {
-          this.model.button.button_fields[item.field] = item.value
-        }
-        this.showbutmodal = false
-        this.disable_button_but = true
-        this.$dispatch('button', this.model)
-      },
-      // 点击按钮组按钮
-      async clicked(index, button) {
-        this.disable_button = true
-        // 组织model.fields数据
-        for (const item of this.data.fields) {
-          // checkbox特殊处理
-          if (item.type === 'checkbox') {
-            for (let j = 0; j < item.items.length; j++) {
-              this.model[item.items[j].field] = item.items[j].value
-            }
-          } else {
-            this.model[item.field] = item.value
-          }
-        }
-        this.model.f_process_id = this.data.f_process_id
-
-        // 初始化model.button数据
-        let buttondatas = {
-          button_fields: {}
-        }
-        buttondatas.button_name = button.button_name
-        buttondatas.button_index = index
-        if (button.button_fields) {
-          for (const item of button.button_fields) {
-            buttondatas.button_fields[item.field] = item.value
-          }
-        }
-        this.model.button = buttondatas
-        this.model.title = this.data.title
-        this.model.fields = this.data.fields
-        this.model.onetomany = this.data.onetomany
-
-
-        if (button.button_name === '退回') {
-          this.showbutmodal = true
-        } else if (button.button_name === '下发') {
-          this.showbutmodal = true
-        } else {
-          this.$dispatch('button', this.model)
-        }
-      },
-      // 是否禁用按钮
-      disableButton () {
-        let fields = this.data.fields
-
-        let flag = false
-        for (const item of fields) {
-          if (item.type !== 'checkbox' && item.required && !item.value) {
-            if (item.value === 0) {
-              flag = false
-            } else {
-              flag = true
-            }
-          }
-          // 任何选择框只要是否都不能提交
-          if (item.type === 'select' && item.value === '否' && item.disabledButton) {
-            flag = true
-          }
-        }
-
-        let count = 0
-        for (const item of fields) {
-          if (item.type !== 'checkbox' && item.required) {
-            count++
-          }
-        }
-        if (count === 0) {
-          flag = false
-        }
-
-        this.disable_button = flag
-      },
-      // 失去焦点触发，无论值是否发生变化
-      onblur (index) {
-        // 是否禁用按钮
-        this.disableButton()
-
-        this.$dispatch('onblur', index)
-        // 如果有错误信息提示走错误信息判断处理
-
-        if (this.data.fields[index].error || this.data.fields[index].type === 'datepicker') {
-          this.$dispatch('error_check', index)
-        }
-      },
-      // 失去焦点且值最终发生变化触发
-      async onchange (index) {
-        console.log('失去焦点-----', index)
-        console.log(this.data.fields[index].label)
-        console.log('禁用按钮--前--', this.disable_button)
-        // 是否禁用按钮
-        this.disableButton()
-
-        console.log('禁用按钮--后--', this.disable_button)
-
-        this.data.fields[index].value = this.data.fields[index].value.trim()
-
-        if (this.data.fields[index].prefix && this.data.fields[index].value !== '') {
-          this.data.fields[index].value = this.data.fields[index].prefix + this.data.fields[index].value
-        }
-
-        this.data[this.data.fields[index].field] = this.data.fields[index].value
-
-        await this.$dispatch('onchange', index)
-
-        // 如果有错误信息提示走错误信息判断处理
-        if (this.data.fields[index].error || this.data.fields[index].type === 'datepicker') {
-          this.$dispatch('error_check', index)
-        }
-      },
-      oninput (index) {
-        // 是否禁用按钮
-        this.disableButton()
-
-        this.$dispatch('oninput', index)
-
-        // 如果有错误信息提示走错误信息判断处理
-        if (this.data.fields[index].error || this.data.fields[index].type === 'datepicker') {
-          this.$dispatch('error_check', index)
-        }
-      },
-      // 模态框确认按钮
-      confirm_modal (title) {
-        if (title === '新增') {
-          if (this.data.onetomany[this.onetomany_index].addEvent === 'default' || !this.data.onetomany[this.onetomany_index].addEvent) {
-            this.$dispatch('onetomanyadd', this.onetomany_index)
-          } else {
-            this.$dispatch(this.data.onetomany[this.onetomany_index].addEvent, this.onetomany_index)
-          }
-        } else {
-          if (this.data.onetomany[this.onetomany_index].updateEvent === 'default' || !this.data.onetomany[this.onetomany_index].updateEvent) {
-            this.$dispatch('onetomanyupdate', this.onetomany_index, this.update_onetomany_index)
-          } else {
-            this.$dispatch(this.data.onetomany[this.onetomany_index].updateEvent, this.onetomany_index, this.update_onetomany_index)
-          }
-        }
-
-        this.closemodal()
-      },
-      // 关闭模态框
-      closemodal () {
-        debugger
-        for (const item of this.data.onetomany[this.onetomany_index].fields) {
-          item.value = ''
-        }
-
-        this.show = false
-        this.showbutmodal = false
-        this.disable_button_onetomany = true
-        this.onetomany_index = null
-        this.update_onetomany_index = null
-        this.modeltitle = null
-        this.modalSize = null
-      },
-      // 是否禁用模态框按钮
-      disableModalButton () {
-        let fields = this.data.onetomany[this.onetomany_index].fields
-
-        let flag = false
-        for (const item of fields) {
-          if (item.type !== 'checkbox' && item.required && !item.value) {
-            if (item.value === 0) {
-              flag = false
-            } else {
-              flag = true
-            }
-          }
-        }
-
-        let count = 0
-        for (const item of fields) {
-          if (item.type !== 'checkbox' && item.required) {
-            count++
-          }
-        }
-        if (count === 0) {
-          flag = false
-        }
-        this.disable_button_onetomany = flag
-      },
-      // 监听模态框属性失去焦点
-      onchange_modal (index) {
-        this.disableModalButton()
-        this.$dispatch('onchange_modal', this.onetomany_index, index)
-      },
-      // 监听模态框属性失去焦点
-      onblur_modal (index) {
-        this.disableModalButton()
-        this.$dispatch('onblur_modal', this.onetomany_index, index)
-      },
-      // input输入属性值发生变化监听
-      oninput_modal (index) {
-        this.disableModalButton()
-        this.$dispatch('oninput_modal', this.onetomany_index, index)
-      }
-    },
-    events: {
-      'add' (index) {
-        let count = 0
-        for (const item of this.data.onetomany[index].fields) {
-          if (item.type === 'datepicker' && !item.value && item.default) {
-            item.value = new Date().Format('yyyy-MM-dd')
-          }
-          if (item.required) {
-            count++
-          }
-        }
-
-        if (count === 0) {
-          this.disable_button_onetomany = false
-        }
-        this.modeltitle = '新增'
-        this.modalSize = this.data.onetomany[index].modalSize
-        this.onetomany_index = index
-
-        this.$dispatch('openAddModel',index)
-
-        this.show = true
-      },
-      'update' (i, j) {
-        let onetomany = this.data.onetomany[i]
-        let item = this.data.onetomany[i].rows[j]
-        let count = 0
-        for (let k = 0; k < onetomany.fields.length; k++) {
-          // 防止初始化的时候没有value
-          Vue.set(this.data.onetomany[i].fields[k], 'value', item[this.data.onetomany[i].fields[k].field])
-
-          if (onetomany.fields[j].required) {
-            count++
-          }
-        }
-        if (count === 0) {
-          this.disable_button_onetomany = false
-        }
-        this.modeltitle = '修改'
-        this.modalSize = this.data.onetomany[i].modalSize
-        this.onetomany_index = i
-        this.update_onetomany_index = j
-
-        this.$dispatch('openUpdateModel',i,j)
-
-        this.show = true
-
-        this.disableModalButton()
-      },
-      'delete'(i, j) {
-        this.$showMessage((this.data.onetomany[i].deleteMessage === 'default' || !this.data.onetomany[i].deleteMessage) ? '您确定要删除这条记录吗？' : this.data.onetomany[i].deleteMessage, ['confirm']).then((res) => {
-          if (res === 'confirm') {
-            if (this.data.onetomany[i].deleteEvent === 'default' || !this.data.onetomany[i].deleteEvent) {
-              this.$dispatch('onetomanydelete', i, j)
-            } else {
-              this.$dispatch(this.data.onetomany[i].deleteEvent, i, j)
-            }
-          }
-        })
-      }
-    }
-  }
-</script>
-<style scoped>
-  .control-label-justify {
-    width: 30%;
-    text-align: justify;
-    text-align-last: justify;
-    font-family: PingFang-SC-Bold;
-  }
-</style>
-<style lang="less">
-  .apply-has-error {
-    border-bottom: 1px solid #a94442;
-  }
-  .app-input {
-    textarea {
-      padding: 8px 10px;
-      border: none;
-      outline: none;
-      margin: 0px;
-    }
-    input[readonly]{
-      color: #ACA899!important;
-      background: #FFFFFF;
-      border: none;
-      outline: none;
-    }
-    input:disabled{
-      color: #ACA899!important;
-      background: #FFFFFF;
-      border: none;
-      outline: none;
-    }
-    textarea[readonly]{
-      color: #ACA899!important;
-      background: #FFFFFF;
-      border: none;
-      outline: none;
-    }
-    textarea:disabled{
-      color: #ACA899!important;
-      background: #FFFFFF;
-      border: none;
-      outline: none;
-    }
-  }
-  .select {
-    margin: 0px;
-    .select-style {
-      border: 0px;
-    }
-    input {
-      border-left: none;
-      width: 100%!important;
-    }
-  }
-</style>