apply-clients 3.3.78 → 3.3.83

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "apply-clients",
-  "version": "3.3.78",
+  "version": "3.3.83",
   "description": "报建前端模块",
   "main": "src/index.js",
   "directories": {

package/src/apply.js

@@ -89,4 +89,9 @@ export default function () {
   Vue.component('ignition-bill-list', (resolve) => { require(['./components/product/Print/IgnitionBill/IgnitionBill'], resolve) })
 
   Vue.component('business-apply', (resolve) => { require(['./components/product/Business/BusinessApply'], resolve) })
+
+  // 区域 地址下拉框联动组件
+  Vue.component('res-area-select', (resolve) => { require(['./components/product/AreaSelect/ResAreaSelect'], resolve) })
+  Vue.component('res-area-select-group', (resolve) => { require(['./components/product/AreaSelect/ResAreaSelectGroup'], resolve) })
+  Vue.component('area-select', (resolve) => { require(['./components/product/AreaSelect/MyAreaSelect'], resolve) })
 }

package/src/applyAndroid.js

@@ -31,4 +31,9 @@ export default function () {
   // 选择报建项目
   Vue.component('select-apply', (resolve) => { require(['./components/android/Process/Processes/selectApply'], resolve) })
   Vue.component('app-build-sign', (resolve) => { require(['./components/android/Process/Processes/AppBuildSign'], resolve) })
+
+  // 区域 地址下拉框联动组件
+  Vue.component('app-res-area-select', (resolve) => { require(['./components/android/AreaSelect/AppResAreaSelect'], resolve) })
+  Vue.component('app-res-area-select-group', (resolve) => { require(['./components/android/AreaSelect/AppResAreaSelectGroup'], resolve) })
+  Vue.component('area-select', (resolve) => { require(['./components/product/AreaSelect/MyAreaSelect'], resolve) })
 }

package/src/components/android/AppOnetomany.vue

@@ -151,7 +151,7 @@ import {guid, toStandardTimeString} from '../Util'
 import Vue from 'vue'
 export default {
   title: 'onetomany',
-  props: ['onetomany', 'index'],
+  props: ['onetomany', 'index','selectdata'],
   data () {
     return {
       showModal: false,
@@ -163,12 +163,54 @@ export default {
   ready () {
   },
   methods: {
-    confirmModal () {
+    async confirmModal () {
       if (this.modelTitle === '新增') {
-        if (this.onetomany.add.event) {
-          this.$dispatch(this.onetomany.add.event, this.index)
-        } else {
-          this.$dispatch('onetomanyadd', this.index)
+        //报警器设备型号校验
+        if (this.modelTitle === '新增' && this.selectdata.f_apply_type === '报警器报建'){
+          let data = {
+            f_material_name : "",
+            f_bjq_sid: "",
+          }
+          this.onetomany.fields.forEach(item=>{
+            if (item.label === '材料编号'){
+              data.f_bjq_sid = item.value
+            }
+            if (item.label === '材料名称'){
+              data.f_material_name = item.value
+            }
+          })
+          if (data.f_material_name.substr(0,3) === '报警器'){
+            let res = await this.$resetpost(
+              `${this.$androidUtil.getProxyUrl()}/ncc/rs/logic/bjqcheck`,
+              // `/rs/logic/bjqcheck`,
+              data
+            )
+            if (res.data.code == 200){
+              if (this.onetomany.add.event) {
+                this.$dispatch(this.onetomany.add.event, this.index)
+              } else {
+                this.$dispatch('onetomanyadd', this.index)
+              }
+              this.closeModal()
+            }else {
+              this.disableButton = true
+              this.$showMessage(res.data.msg)
+            }
+          }else {
+            if (this.onetomany.add.event) {
+              this.$dispatch(this.onetomany.add.event, this.index)
+            } else {
+              this.$dispatch('onetomanyadd', this.index)
+            }
+            this.closeModal()
+          }
+        }else {
+          if (this.onetomany.add.event) {
+            this.$dispatch(this.onetomany.add.event, this.index)
+          } else {
+            this.$dispatch('onetomanyadd', this.index)
+          }
+          this.closeModal()
         }
       }
       if (this.modelTitle === '修改') {
@@ -177,9 +219,9 @@ export default {
         } else {
           this.$dispatch('onetomanyupdate', this.index, this.rowIndex)
         }
+        this.closeModal()
       }
-
-      this.closeModal()
+      // this.closeModal()
     },
     onchange (fieldIndex) {
       this.disableModalButton()

package/src/components/android/AppServiceView.vue

@@ -5,7 +5,7 @@
     <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)&& (item.label !== '证件号码')&&(item.label !== '身份证') && (item.label !== '用户电话')"
+           v-if="(item.type==='input' || item.type==='number'||item.type === 'tel'||item.type === 'email') && !item.hidden && (item.device === 'app' || !item.device) && (item.label != '证件号码')&&(item.label != '身份证') && (item.label != '用户电话')"
            :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:''"
@@ -24,9 +24,30 @@
         </div>
       </div>
 
+      <div :style="item.style ? item.style : ''"
+           v-if="(data.fields[index-1].value ==='营业执照'||data.fields[index-1].value ==='军官证')&& (item.label === '证件号码')"
+           :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="" style="width: 100%"
+                 :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>
+
+
       <!--input身份证验证-->
       <div :style="item.style ? item.style : ''"
-       v-if="(item.label==='身份证') || (data.f_credentials === '身份证' && item.label === '证件号码')"
+       v-if="(item.label==='身份证') || (item.label === '证件号码' && data.fields[index-1].value ==='身份证')"
            :class="[$v.f_idnumber2.identityCardValid ? '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:''"
@@ -60,7 +81,7 @@
                  type="number"
                  onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                  oninput="if(value.length > 11) value=value.slice(0,11)"
-                 v-validate:f_user_phone="{minlength: 11, maxlength: 11  }"
+                 v-validate:f_user_phone="{minlength: 7, maxlength: 11  }"
                  v-model="data.fields[index].value"
                  :placeholder="item.placeholder"
                  :value="data.fields[index].value"
@@ -158,11 +179,21 @@
         </div>
       </div>
     </div>
-
+      <!--区域地址联动-->
+      <div>
+        <app-res-area-select-group
+          v-if="data.f_apply_type === '报警器报建' && data.defname === '工程施工' && data.title === '工程施工' && data.f_sub_state !='完工'"
+          labelstyle = "control-label"
+          @shiji-select = "getSelectShijiValue"
+          @xian-select = "getSelectXianValue"
+          @shequ-select = "getSelectShequValue"
+        >
+        </app-res-area-select-group>
+      </div>
     <div class="col-sm-12 col-xs-12" id="test11">
       <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>
+          <app-onetomany :onetomany="item" :index="i" :selectdata="data"></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>
@@ -171,7 +202,8 @@
     </div>
 
     <!--自定义组件-->
-    <slot></slot>
+    <slot>
+    </slot>
 
     <!-- 按钮组 -->
     <div class="text-center">
@@ -298,7 +330,7 @@
         </button>
       </footer>
     </modal>
-</form>>
+</form>
   </div>
 </template>
 <script>
@@ -338,7 +370,12 @@ export default {
       model: {}, // 公司等属性
       disable_button: true, // 控制按钮禁用
       disable_modal_button: true, // 控制按钮禁用
-      showButModal: false
+      showButModal: false,
+      areaData:{
+        sjvalue:'',
+        xianvalue:'',
+        sqvalue:'',
+      }
     }
   },
   watch: {
@@ -364,6 +401,34 @@ export default {
       // 是否禁用按钮
       this.disableButton()
     },
+    async getSelectShijiValue(sjvalue,sjlable) {
+
+      this.areaData.sjvalue = sjvalue
+      console.log("这是父级接收的市级值:",sjvalue,sjlable)
+      this.data.areaData = this.areaData
+      console.log(this.areaData)
+      // 是否禁用按钮
+      this.disableButton()
+    },
+    async getSelectXianValue(xianvalue,xianlable) {
+
+      this.areaData.xianvalue = xianvalue
+      this.data.areaData = this.areaData
+      console.log("这是父级接收的县级值:",xianvalue,xianlable)
+      console.log(this.areaData)
+
+      // 是否禁用按钮
+      this.disableButton()
+    },
+    async getSelectShequValue(sqvalue,sqlable) {
+      this.areaData.sqvalue = sqvalue
+      this.data.areaData = this.areaData
+      console.log(this.areaData)
+      console.log("这是父级接收的社区值:",sqvalue,sqlable)
+
+      // 是否禁用按钮
+      this.disableButton()
+    },
     // 是否禁用按钮
     disableButton () {
       let flag = false
@@ -383,6 +448,17 @@ export default {
         }
       }
 
+      //区域下拉框必选 流程模式为报警器报建
+      if (this.data.f_apply_type === '报警器报建' && this.data.defname === '工程施工' && this.data.title === '工程施工' && this.data.f_sub_state !='完工'){
+        if (!flag){
+          if (this.areaData.sjvalue ==null || this.areaData.sjvalue.length ==0 || this.areaData.sqvalue == null || this.areaData.sqvalue.length ==0
+            || this.areaData.xianvalue == null || this.areaData.xianvalue == 0){
+            console.log("区域为空禁止提交:",this.areaData)
+            flag = true
+          }
+        }
+      }
+
       this.disable_button = flag
     },
     // 失去焦点且值最终发生变化触发
@@ -435,6 +511,9 @@ export default {
     },
     // 点击按钮组按钮
     async click_but (button) {
+      //报警器区域地址
+      this.data.areaData = this.areaData
+
       if (this.data.defname === '通气点火') {
 
       this.$showMessage(`请确认表号是否正确`).then((res) => {
@@ -482,6 +561,7 @@ export default {
         this.$dispatch('button')
       }
       }
+
     },
     confirmModal () {
       this.closeModal()

package/src/components/android/AreaSelect/AppResAreaSelect.vue

@@ -0,0 +1,108 @@
+<template>
+  <!--<v-select :options='options' placeholder='请选择'-->
+  <!--          :value.sync="selectres"-->
+  <!--          :multiple="isMul"-->
+  <!--          :search="issearch"-->
+  <!--          :close-on-select="!isMul"-->
+  <!--          @change="resChange"-->
+  <!--          :value-single="true"-->
+  <!--&gt;-->
+  <!--</v-select>-->
+  <area-select :options='options' placeholder='请选择'
+               :value.sync="selectres"
+               :multiple="!isMul"
+               :search="issearch"
+               :close-on-select="isMul"
+               @change="resChange"
+               :value-single="true"
+  >
+  </area-select>
+</template>
+<script>
+import {HttpResetClass} from 'vue-client'
+
+export default {
+  title: '资源管理',
+  props: {
+
+    //资源类型
+    restype:'',
+    //资源数据
+    resObj:{},
+    options:[],
+    isMul: {
+      type: Boolean,
+      default: true
+    },
+    issearch: {
+      type: Boolean,
+      default: true
+    },
+    //资源初始化数据 默认选中值
+    initresid: {
+      type: Array,
+      default() { return [] },
+    },
+    //父层id
+    parentresid: {
+      type: Array,
+      default() { return [] },
+    },
+  },
+  data () {
+    return {
+      //资源数据
+      resObj:{},
+      //资源数据列表
+      resoptions:[],
+      //选中资源数据
+      selectres: [],
+    }
+  },
+  ready () {
+    //获取资源列表
+    this.getResList()
+  },
+  methods:{
+    //资源改变
+    resChange(val){
+      let orgnames=[]
+      Object.keys(this.options).forEach((key) => {
+        if(this.selectres.includes(this.options[key].value))
+          orgnames.push(this.options[key].label)
+      })
+      // console.log("资源变化:",this.selectres, orgnames,this.options)
+      this.$dispatch('res-select', this.selectres, orgnames,this.options)
+    },
+    //获取资源数据
+    async getResList() {
+      this.dealdata()
+    },
+    dealdata(){
+      //赋值资源数据选中初始值
+      let arryselect=[]
+      this.options.forEach((item) => {
+        if(this.initresid.length>0){
+          this.initresid.forEach((init) => {
+            if(item.value==init){
+              arryselect.push(item.value)
+            }
+          })
+        }
+      })
+      //赋值资源选中初始值
+      this.selectres=arryselect
+    }
+  },
+  watch: {
+    //监听初始化资源id
+    'initresid.length'(){
+      this.dealdata()
+    },
+    //监听初始化资源id
+    'parentresid'(){
+      this.dealdata()
+    },
+  },
+}
+</script>

package/src/components/android/AreaSelect/AppResAreaSelectGroup.vue

@@ -0,0 +1,135 @@
+<template>
+  <div :class="style">
+    <label :class="labelstyle" :style="shijifontColors">市&emsp;&emsp;县</label>
+    <app-res-area-select
+                :options = options
+                @res-select="getXian"
+                :issearch = "false"
+    >
+    </app-res-area-select>
+  </div>
+  <div :class="style">
+    <label :class="labelstyle" :style="xianfontColors">街道乡镇</label>
+    <app-res-area-select
+      :options = xian_options
+      @res-select="getjdao"
+      :issearch = "false"
+    >
+    </app-res-area-select>
+  </div>
+  <div :class="style">
+    <label :class="labelstyle" :style="shequfontColors">社&emsp;&emsp;区</label>
+    <app-res-area-select
+      :options = jdao_options
+      @res-select="getshequ"
+      :issearch = "false"
+    >
+    </app-res-area-select>
+  </div>
+</template>
+<script>
+
+import { HttpResetClass } from 'vue-client'
+import Vue from "vue";
+export default {
+  title: '区域选择分组',
+  props: {
+    style: {
+      type: String,
+      default: 'col-xs-12 form-group app-input'
+    },
+    labelstyle: {
+      type: String,
+      default: 'font_normal_title'
+    },
+    mul: {
+      type: Boolean,
+      default: true
+    },
+    //初始值 默认选中值
+    initres: {
+      type: Object,
+      default: null,
+    }
+  },
+  data () {
+    return {
+      options:[],
+      initres: [],
+      xianginitres: [],
+      jdaoinitres: [],
+      xian_options:[],
+      jdao_options:[],
+      shijifontColors:"color: #cd5c5c",//红色
+      xianfontColors:"color: #cd5c5c",//红色
+      shequfontColors:"color: #cd5c5c",//红色
+      pubColors:"color: #0c2e4d",// 黑色
+      pub2Colors:"color: #cd5c5c"// 红色
+    }
+  },
+  ready () {
+    this.getResList();
+  },
+  methods:{
+    //获取区域地址
+    async getResList() {
+      let http = new HttpResetClass()
+      let req = await http.load('POST', '/rs/logic/resAreaSelect', {
+          userid: Vue.user.id,
+          orgid: Vue.user.orgid
+        }, {resolveMsg: null, rejectMsg: '获取区域地址失败'})
+      this.options = []
+      this.options = req.data
+    },
+    async getXian(value,lable,obj) {
+      this.xian_options = []
+      this.jdao_options = []
+      let newFilArr = obj.filter( (item,i) =>{
+         if(item.value == value){
+            return item
+         }
+      } )
+      if (newFilArr.length>0){
+        this.xian_options = newFilArr[0].children
+      }
+      if (value !=null && value.length!=0){
+        this.shijifontColors = this.pubColors
+      }else {
+        this.shijifontColors = this.pub2Colors
+        this.xianfontColors = this.pub2Colors
+        this.shequfontColors = this.pub2Colors
+      }
+      this.$dispatch('shiji-select', value, lable)
+    },
+    async getjdao(value,lable,obj) {
+      this.jdao_options = []
+      let newFilArr = obj.filter( (item,i) =>{
+        if(item.value == value){
+          return item
+        }
+      } )
+      if (newFilArr.length>0){
+        this.jdao_options = newFilArr[0].children
+      }
+      if (value !=null && value.length!=0){
+        this.xianfontColors = this.pubColors
+      }else {
+        this.xianfontColors = this.pub2Colors
+        this.shequfontColors = this.pub2Colors
+      }
+      this.$dispatch('xian-select',value, lable)
+    },
+    async getshequ(value,lable,obj) {
+      if (value !=null && value.length!=0){
+        this.shequfontColors = this.pubColors
+      }else {
+        this.shequfontColors = this.pub2Colors
+      }
+      this.$dispatch('shequ-select',value, lable)
+    }
+  },
+  watch: {
+
+  }
+}
+</script>

package/src/components/android/Process/AppExplorationUser.vue

@@ -269,7 +269,7 @@ export default {
       showModal: false,
       applyType: '',  // 报建类型
       //applyTypes:this.$appdata.getParam("报建类型"),
-      applyTypes:[{label:'散户报建',value:'散户报建'},{label:'工商户报建',value:'工商户报建'},{label:'团购报建',value:'团购报建'},{label:'改管报建',value:'改管报建'},{label:'增容报建',value:'增容报建'},{label:'退款报建',value:'退款报建'},{label:'团购转散户',value:'团购转散户'}],
+      applyTypes:[{label:'散户报建',value:'散户报建'},{label:'工商户报建',value:'工商户报建'},{label:'团购报建',value:'团购报建'},{label:'改管报建',value:'改管报建'},{label:'增容报建',value:'增容报建'},{label:'退款报建',value:'退款报建'},{label:'团购转散户',value:'团购转散户'},{label:'报警器报建',value:'报警器报建'}],
       criteriaShow: false,
     //  applytype: [{label: '全部', value: ''}, ...this.$appdata.getParam('报建类型')], // 所有报建类型
       applytype: [{label: '全部', value: ''},  ...this.$appdata.getParam('报建类型') || [] ], // 所有报建类型
@@ -385,6 +385,9 @@ export default {
       } else if (this.applyType === '团购转散户') {
         data.processname = '团购转散户报建流程'
         data.defname = '信息确认'
+      }else if (this.applyType === '报警器报建') {
+        data.processname = '报警器报建流程'
+        data.defname = '报装申请'
       } else {
         this.$showMessage('暂无此类报装')
         return

package/src/components/android/Process/AppServiceControl.vue

@@ -448,7 +448,7 @@ export default {
       //this.$getConfig(this, 'UserAddress')
       //获取地址配置文件
       try {
-        let res = await new HttpResetClass().load('get',`${this.$androidUtil.getProxyUrl()}/rs/vue/UserAddress.json`,{resolveMsg: null, rejectMsg: null})
+        let res = await new HttpResetClass().load('get',`${this.$androidUtil.getProxyUrl()}/rs/vue/UserAddress.json`,null,{resolveMsg: null, rejectMsg: null})
         Object.assign(this.config, res.data)
       } catch (error) {
         console.log("未获取到地址信息")
@@ -551,6 +551,13 @@ export default {
 
       this.refurbish()
     },
+    async addressTips () {
+      let res = await this.$showMessage('增容改管下单后将不能修改用户信息，请确认用户信息地址等是否正确，如不完善可在档案中进行修正！！！')
+      if (res == 'confirm') {
+        return
+      }
+      throw '用户信息确认！！！'
+    },
     // 缴费前置
     chargeBefore () {
       if (Number(this.show_data.f_due_money) > Number(this.show_data.f_cumulative_payment_money) || Number(this.show_data.f_surplus_money) > 0) {
@@ -949,6 +956,69 @@ export default {
       this.show_data.start_activity = this.json_datas.start_activity
       this.show_data.xmlfilename = this.json_datas.workflow_xmlfilename
 
+
+      if (this.show_data.f_apply_type === '报警器报建' && this.show_data.defname === '工程施工' && this.show_data.f_sub_state !='完工'){
+        //判断是否添加报警器材料
+        let bjqlag = false
+        let datatemp = {
+          'bjqid':"",
+          'fprocessid':"",
+          'sqvalue':"",
+          'f_bjq_sid':"",
+          'f_material_code':""
+        }
+        let numOne = [];
+        this.show_data.onetomany.forEach(item=>{
+          item.rows.forEach(i=>{
+            if (i.f_material_name.substr(0,3) === '报警器'){
+              bjqlag = true
+              datatemp.bjqid = i.id
+              datatemp.fprocessid = i.f_process_id
+              datatemp.f_bjq_sid = i.f_bjq_sid
+              datatemp.f_material_code = i.f_material_code
+              numOne.push(i.f_bjq_sid)
+            }
+          })
+        })
+        if (!bjqlag){
+          this.$showMessage('请添加报警器物料信息!!!')
+          return
+        }
+        if (numOne.length > 1){
+          this.$showMessage("暂时支持单个报警器物料安装!!!")
+          return
+        }
+        datatemp.sqvalue = this.show_data.areaData.sqvalue
+        //区域地址存入材料记录表
+        let areares = await this.$resetpost(
+          `${this.$androidUtil.getProxyUrl()}/rs/logic/saveArea`,
+          // `rs/logic/saveArea`,
+          {data: datatemp},
+          {resolveMsg: null, rejectMsg: '区域地址保存失败'}
+        )
+
+        // 完工之后推送数据到汉威
+        let adddata = {
+          f_bjq_sid : datatemp.f_bjq_sid,
+          f_material_code : datatemp.f_material_code,
+          f_bjq_address: this.show_data.areaData.sqvalue,
+          f_user_name: this.show_data.f_user_name,
+          f_address: this.show_data.f_address,
+          f_user_phone: this.show_data.f_phone,
+          f_userinfo_code: this.show_data.f_userinfo_code,
+          installtime: this.show_data.f_construction_date,
+        }
+        let res = await this.$resetpost(
+          `${this.$androidUtil.getProxyUrl()}/ncc/rs/logic/bjqadduser`,
+          // `/rs/logic/bjqadduser`,
+          adddata
+        )
+        if (res.data.code != 200){
+          this.$showMessage(res.data.msg)
+          return
+        }
+
+      }
       let res = await this.$resetpost(
         // `rs/logic/ApplyProductService`,
         `${this.$androidUtil.getProxyUrl()}/rs/logic/ApplyProductService`,

package/src/components/android/Process/Processes/AppSupplementalAgreement.vue

@@ -176,6 +176,7 @@
 <script>
 import {getNowDate,isEmpty} from '../../../Util'
 import {PagedList} from 'vue-client'
+import Vue from 'vue'
 import {HttpResetClass} from 'vue-client'
 export default {
   title: '补充协议',

package/src/components/android/Process/Processes/selectApply.vue

@@ -1,7 +1,7 @@
 <template>
   <div style="margin-bottom: 20px" class="form-group select-overspread">
     <label class="control-label-justify control-label col-sm-3">选择项目</label>
-    <div class="col-sm-10" >
+    <div class="col-sm-5" >
       <button class="button_search button_spacing" type="button" style="width: max-content;position: absolute" @click="openSelect" :disabled="mark === 1">选择</button>
     </div>
   </div>

package/src/components/android/Process/Processes/selectUserinfo.vue

@@ -1,7 +1,7 @@
 <template>
   <div style="margin-bottom: 20px" class="form-group select-overspread">
     <label class="control-label-justify control-label col-sm-3">选择用户</label>
-    <div class="col-sm-10" >
+    <div class="col-sm-5" >
       <button class="button_search button_spacing" type="button" style="width: max-content;position: absolute" @click="openSelect" :disabled="mark === 1">选择</button>
     </div>
   </div>