askbot-dragon 1.6.21-beta → 1.6.21

package/src/components/formTemplate.vue

@@ -1,170 +1,143 @@
 <template>
   <div class="media-body">
-    <div class="formClass" :class="isPhone?'remPhoneClassForm':'remCompanyClassForm'" v-if="formShow.form">
-      <div class="titleName" >
-        {{!!formShow.form.formShowName?formShow.form.formShowName:formShow.form.name}}
+    <div class="formClass" :class="isPhone ? 'remPhoneClassForm' : 'remCompanyClassForm'" v-if="formShow.form">
+      <div class="titleName">
+        {{ !!formShow.form.formShowName ? formShow.form.formShowName : formShow.form.name }}
       </div>
       <div class="title-link"></div>
       <div class="pcFormClass" v-if="isCompany">
-        <div v-for="(item) in formFieldRelation"
-            :key="item.fieldId"
-            :class="{notClick:disableds === true}"
-        >
-        <div class="field-item">
-          <div v-if="item.fieldId !== 'workorder_name' && item.formField.type !== 'EXPLANATION' && item.formField.type !== 'EXPLAIN' " class="field-item-name">
-            <span v-if="item.fieldId!=='workorder_description'&&item.fieldId!=='workorder_clientId'">{{item.formField.name}}</span>
-            <span v-if="item.fieldId==='workorder_description'">{{ isBaiLi ? '反馈描述' : '问题描述' }}</span>
-            <span v-if="item.fieldId==='workorder_clientId'">报单人</span>
-            <span style="color: red;padding-left: 5px;padding-right: 5px" v-if="item.fieldId !== '0feca81fce97465da537248c066e4db8' && item.fieldId !=='1d8bd21485834773a6d18eae60013000' && (item.required || isRequiredFn(item.formField))">*</span>
-            <el-tooltip class="item" effect="dark" placement="right-start">
-              <div slot="content" v-if="item.formField.remark">{{item.formField.remark.text}}</div>
-              <div slot="content" v-else-if="item.formField.extInfo && item.formField.extInfo.remark">{{item.formField.extInfo.remark.text}}</div>
-              <span v-if="item.formField.remark && item.formField.remark.enable">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-              <span v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-            </el-tooltip>
-          </div>
-          <!-- item.value -->
-          <el-input v-model="item.value"
-                    :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请输入'"
-                    :maxlength="item.formField.extInfo&&item.formField.extInfo.maxNum?item.formField.extInfo.maxNum*1:1000"
-                    v-if="item.formField.type==='INPUT'&&item.fieldId!=='workorder_name'"
-                    :type="item.formField.extInfo.inputType==='NUMBER'||
-                          item.formField.extInfo.inputType==='RATE'? 'number':'text'"
-                    @blur="typeCheck(item.formField,item)"
-                    :min="item.formField.extInfo.inputType==='NUMBER'||
-                          item.formField.extInfo.inputType==='RATE'?Number(item.formField.extInfo.range.start):''"
-                    :max="item.formField.extInfo.inputType==='NUMBER'||
-                          item.formField.extInfo.inputType==='RATE'?Number(item.formField.extInfo.range.end):''"
-          ></el-input>
-          <template v-else-if="item.formField.type==='EXPLANATION'">
-            <div class="explanation">
-              <p class="explanation-p">
-                <span class="el-icon-info"></span>
-                {{item.formField.extInfo.descriptionText}}
-              </p>
-            </div>
-          </template>
-          <template v-else-if="item.formField.type==='EXPLAIN'">
-            <div  class="explanation">
-              <p class="explanation-p">
-                <span class="el-icon-info"></span>
-                <span v-if="item.formField.extInfo.url" class="explain-url"><a :href="item.formField.extInfo.url" target="_blank">{{item.value}}</a></span>
-                <span v-else>{{item.value ? item.value : item.formField.extInfo.placeholder }}</span>
-              </p>
+        <div v-for="(item) in formFieldRelation" :key="item.fieldId" :class="{ notClick: disableds === true }">
+          <div class="field-item">
+            <div
+              v-if="item.fieldId !== 'workorder_name' && item.formField.type !== 'EXPLANATION' && item.formField.type !== 'EXPLAIN'"
+              class="field-item-name">
+              <span
+                v-if="item.fieldId !== 'workorder_description' && item.fieldId !== 'workorder_clientId'">{{ item.formField.name }}</span>
+              <span v-if="item.fieldId === 'workorder_description'">{{ isBaiLi ? '反馈描述' : '问题描述' }}</span>
+              <span v-if="item.fieldId === 'workorder_clientId'">报单人</span>
+              <span style="color: red;padding-left: 5px;padding-right: 5px"
+                v-if="item.fieldId !== '0feca81fce97465da537248c066e4db8' && item.fieldId !== '1d8bd21485834773a6d18eae60013000' && (item.required || isRequiredFn(item.formField))">*</span>
+              <el-tooltip class="item" effect="dark" placement="right-start">
+                <div slot="content" v-if="item.formField.remark">{{ item.formField.remark.text }}</div>
+                <div slot="content" v-else-if="item.formField.extInfo && item.formField.extInfo.remark">
+                  {{ item.formField.extInfo.remark.text }}</div>
+                <span v-if="item.formField.remark && item.formField.remark.enable">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
+                <span
+                  v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
+              </el-tooltip>
             </div>
-          </template>
-          <el-input type="textarea" :rows="2" v-model="item.value"
-                    :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请输入'"
-                    :maxlength="item.formField.extInfo&&item.formField.extInfo.maxNum?item.formField.extInfo.maxNum*1:1000"
-                    v-if="item.formField.type==='TEXTAREA'&& item.fieldId!=='workorder_description'"
-          ></el-input>
-          <div v-else-if="item.fieldId === 'workorder_description'">
-            <ckeditor
+            <!-- item.value -->
+            <el-input v-model="item.value"
+              :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请输入'"
+              :maxlength="item.formField.extInfo && item.formField.extInfo.maxNum ? item.formField.extInfo.maxNum * 1 : 1000"
+              v-if="item.formField.type === 'INPUT' && item.fieldId !== 'workorder_name'" :type="item.formField.extInfo.inputType === 'NUMBER' ||
+                item.formField.extInfo.inputType === 'RATE' ? 'number' : 'text'"
+              @blur="typeCheck(item.formField, item)" :min="item.formField.extInfo.inputType === 'NUMBER' ||
+                item.formField.extInfo.inputType === 'RATE' ? Number(item.formField.extInfo.range.start) : ''"
+              :max="item.formField.extInfo.inputType === 'NUMBER' ||
+                item.formField.extInfo.inputType === 'RATE' ? Number(item.formField.extInfo.range.end) : ''"></el-input>
+            <template v-else-if="item.formField.type === 'EXPLANATION'">
+              <div class="explanation">
+                <p class="explanation-p">
+                  <span class="el-icon-info"></span>
+                  {{ item.formField.extInfo.descriptionText }}
+                </p>
+              </div>
+            </template>
+            <template v-else-if="item.formField.type === 'EXPLAIN'">
+              <div class="explanation">
+                <p class="explanation-p">
+                  <span class="el-icon-info"></span>
+                  <span v-if="item.formField.extInfo.url" class="explain-url"><a :href="item.formField.extInfo.url"
+                      target="_blank">{{ item.value }}</a></span>
+                  <span v-else>{{ item.value ? item.value : item.formField.extInfo.placeholder }}</span>
+                </p>
+              </div>
+            </template>
+            <el-input type="textarea" :rows="2" v-model="item.value"
+              :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请输入'"
+              :maxlength="item.formField.extInfo && item.formField.extInfo.maxNum ? item.formField.extInfo.maxNum * 1 : 1000"
+              v-if="item.formField.type === 'TEXTAREA' && item.fieldId !== 'workorder_description'"></el-input>
+            <div v-else-if="item.fieldId === 'workorder_description'">
+              <!-- <ckeditor
               :editor="ckeditor.editor"
               v-model="item.value"
               :config="{...ckeditor.editorConfig,placeholder:item.formField.extInfo && item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请输入'}"
               @ready="(editor)=>currentEditor=editor"
               @focus="(zh,editor)=>currentEditor=editor"
-            ></ckeditor>
-            <file-list-view  :attachmentList="attachmentList" @attachDeleteAttch="attachDeleteAttch"></file-list-view>
-          </div>
-          <el-date-picker
-                  v-model=item.value
-                  type="date"
-                  :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择日期'"
-                  style="width: 100%"
-                  v-else-if="item.formField.type==='DATE_PICKER'"
-          >
-          </el-date-picker>
-          <el-time-picker
-                  v-model=item.value
-                  format="HH:mm"
-                  :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择时间'"
-                  style="width: 100%"
-                  v-else-if="item.formField.type==='TIME_PICKER' && (!item.formField.extInfo.mold || item.formField.extInfo.mold == 'TIME' || getMoldTime(item.formField) == 'TIME')"
-          >
-          </el-time-picker>
-          <el-date-picker
-                  v-model=item.value
-                  type="date"
-                  style="width: 100%"
-                  :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择日期'"
-                  v-else-if="item.formField.type==='TIME_PICKER' && (item.formField.extInfo.mold==='DATA' || item.formField.extInfo.mold==='DATE' || getMoldTime(item.formField) == 'DATE')"
-          >
-          </el-date-picker>
-          <el-date-picker
-                  v-model=item.value
-                  :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择日期时间'"
-                  clearable
-                  style="width: 100%"
-                  type="datetime"
-                  v-else-if="item.formField.type==='TIME_PICKER' && (item.formField.extInfo.mold==='DATA_TIME' || item.formField.extInfo.mold==='DATE_TIME' || getMoldTime(item.formField) == 'DATE_TIME')"
-          >
-          </el-date-picker>
-          <div v-else-if="item.formField.type==='RADIO' &&item.formField.extInfo.options">
-            <el-radio-group v-model=item.value style="text-align:left" @change="changeSelect(item)">
-              <el-radio v-for="(items,index) in optionsLists(item)" :label=items.value  :key="index">{{items.label}}</el-radio>
-            </el-radio-group>
-          </div>
-          <div v-else-if="item.formField.type==='RADIO' &&item.formField.extInfo.option">
-            <el-radio-group v-model=item.value style="text-align:left" @change="changeSelect(item)">
-              <el-radio v-for="(items,index) in item.formField.extInfo.option" :label=items.value  :key="index">{{items.label}}</el-radio>
-            </el-radio-group>
-          </div>
-          <div v-else-if="item.formField.type==='CHECKBOX' && item.formField.extInfo.option">
-            <el-checkbox-group v-model=item.value style="text-align:left">
-              <el-checkbox
-                      v-for="(items,index) in item.formField.extInfo.option"
-                      :label=items.value
-                      :key="index"
-              >{{items.label}}</el-checkbox>
-            </el-checkbox-group>
-          </div>
-          <div v-else-if="item.formField.type==='CHECKBOX' && item.formField.extInfo.options">
-            <el-checkbox-group v-model=item.value style="text-align:left">
-              <el-checkbox
-                      v-for="(items,index) in optionsLists(item)"
-                      :label=items.value
-                      :key="index"
-              >{{items.label}}</el-checkbox>
-            </el-checkbox-group>
-          </div>
-          <div v-else-if="item.formField.type==='SELECT' || item.formField.type==='OPTION'" >
-            <el-select
-                v-model=item.value
-                :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择'"
-                style="width: 100%"
-                filterable
-                v-if="item.fieldId==='workorder_clientId' || item.fieldId === 'workorder_statusId' || item.fieldId === 'workorder_priority'"
-            >
-              <el-option
-                  v-for="(items,index) in selectOptions(item.formField)"
-                  :key="index"
-                  :label="items.label"
+            ></ckeditor> -->
+              <MyEditor v-model="item.value"
+                :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请输入'"
+                @fileUploadCallback="desUploadImageAndFile"
+                :havToolbar="mainId !== '8b9bd566e3e64156ab764b19defc9d48' && mainId !== '0b73521f96e4486aaf6be42932bd7b07'">
+              </MyEditor>
+              <!-- @input="(value) =>{item.value = value}" -->
+              <file-list-view :attachmentList="attachmentList" @attachDeleteAttch="attachDeleteAttch"></file-list-view>
+            </div>
+            <el-date-picker v-model=item.value type="date"
+              :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请选择日期'"
+              style="width: 100%" v-else-if="item.formField.type === 'DATE_PICKER'">
+            </el-date-picker>
+            <el-time-picker v-model=item.value format="HH:mm"
+              :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请选择时间'"
+              style="width: 100%"
+              v-else-if="item.formField.type === 'TIME_PICKER' && (!item.formField.extInfo.mold || item.formField.extInfo.mold == 'TIME' || getMoldTime(item.formField) == 'TIME')">
+            </el-time-picker>
+            <el-date-picker v-model=item.value type="date" style="width: 100%"
+              :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请选择日期'"
+              v-else-if="item.formField.type === 'TIME_PICKER' && (item.formField.extInfo.mold === 'DATA' || item.formField.extInfo.mold === 'DATE' || getMoldTime(item.formField) == 'DATE')">
+            </el-date-picker>
+            <el-date-picker v-model=item.value
+              :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请选择日期时间'"
+              clearable style="width: 100%" type="datetime"
+              v-else-if="item.formField.type === 'TIME_PICKER' && (item.formField.extInfo.mold === 'DATA_TIME' || item.formField.extInfo.mold === 'DATE_TIME' || getMoldTime(item.formField) == 'DATE_TIME')">
+            </el-date-picker>
+            <div v-else-if="item.formField.type === 'RADIO' && item.formField.extInfo.options">
+              <el-radio-group v-model=item.value style="text-align:left" @change="changeSelect(item)">
+                <el-radio v-for="(items, index) in optionsLists(item)" :label=items.value
+                  :key="index">{{ items.label }}</el-radio>
+              </el-radio-group>
+            </div>
+            <div v-else-if="item.formField.type === 'RADIO' && item.formField.extInfo.option">
+              <el-radio-group v-model=item.value style="text-align:left" @change="changeSelect(item)">
+                <el-radio v-for="(items, index) in item.formField.extInfo.option" :label=items.value
+                  :key="index">{{ items.label }}</el-radio>
+              </el-radio-group>
+            </div>
+            <div v-else-if="item.formField.type === 'CHECKBOX' && item.formField.extInfo.option">
+              <el-checkbox-group v-model=item.value style="text-align:left">
+                <el-checkbox v-for="(items, index) in item.formField.extInfo.option" :label=items.value
+                  :key="index">{{ items.label }}</el-checkbox>
+              </el-checkbox-group>
+            </div>
+            <div v-else-if="item.formField.type === 'CHECKBOX' && item.formField.extInfo.options">
+              <el-checkbox-group v-model=item.value style="text-align:left">
+                <el-checkbox v-for="(items, index) in optionsLists(item)" :label=items.value
+                  :key="index">{{ items.label }}</el-checkbox>
+              </el-checkbox-group>
+            </div>
+            <div v-else-if="item.formField.type === 'SELECT' || item.formField.type === 'OPTION'">
+              <el-select v-model=item.value
+                :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请选择'"
+                style="width: 100%" filterable
+                v-if="item.fieldId === 'workorder_clientId' || item.fieldId === 'workorder_statusId' || item.fieldId === 'workorder_priority'">
+                <el-option v-for="(items, index) in selectOptions(item.formField)" :key="index" :label="items.label"
                   :value="items.value">
-              </el-option>
-            </el-select>
-            <el-select
-                v-model=item.value
-                :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择'"
-                style="width: 100%"
-                filterable
-                v-else
-                @change="changeSelect(item)"
-                :multiple="item.formField.extInfo && item.formField.extInfo.selectType == '多选'"
-            >
-              <el-option
-                  v-for="(items,index) in optionsLists(item)"
-                  :key="index"
-                  :label="items.label"
+                </el-option>
+              </el-select>
+              <el-select v-model=item.value
+                :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请选择'"
+                style="width: 100%" filterable v-else @change="changeSelect(item)"
+                :multiple="item.formField.extInfo && item.formField.extInfo.selectType == '多选'">
+                <el-option v-for="(items, index) in optionsLists(item)" :key="index" :label="items.label"
                   :value="items.value">
-              </el-option>
-            </el-select>
-<!--            <div class="cascader-input" v-else @click="openDrawer(item,'select')">
+                </el-option>
+              </el-select>
+              <!--            <div class="cascader-input" v-else @click="openDrawer(item,'select')">
               <template v-if="item.value && (!Array.isArray(item.value) || (Array.isArray(item.value) && item.value.length))">
                 <template v-if="Array.isArray(item.value)">
                   <span v-for="(select,selectIndex) in item.value" :key="selectIndex">
@@ -175,17 +148,20 @@
               </template>
               <span v-else>{{item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择'}}</span>
             </div>-->
-          </div>
-          <template v-else-if="item.formField.type==='CASCADER'">
-            <div class="cascader-input" @click="openDrawer(item,'pc_cascader')">
-              <template v-if="extInfoFieldValue[item.fieldId] && (Array.isArray(extInfoFieldValue[item.fieldId]) && extInfoFieldValue[item.fieldId].length > 0)">
-                <span v-for="(cas,casIndex) in extInfoFieldValue[item.fieldId]" :key="casIndex">
-                  {{casIndex==0?cas.label:'/'+cas.label}}
-                </span>
-              </template>
-              <span v-else>{{item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择'}}</span>
             </div>
-<!--            <el-cascader
+            <template v-else-if="item.formField.type === 'CASCADER'">
+              <div class="cascader-input" @click="openDrawer(item, 'pc_cascader')">
+                <!-- {{ extInfoFieldValue[item.fieldId] }} -->
+                <template
+                  v-if="extInfoFieldValue[item.fieldId] && (Array.isArray(extInfoFieldValue[item.fieldId]) && extInfoFieldValue[item.fieldId].length > 0)">
+                  <span v-for="(cas, casIndex) in extInfoFieldValue[item.fieldId]" :key="casIndex">
+                    {{ casIndex == 0 ? cas.label : '/' + cas.label }}
+                  </span>
+                </template>
+                <span
+                  v-else>{{ item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请选择' }}</span>
+              </div>
+              <!--            <el-cascader
                     v-model=item.value
                     :options=item.formField.extInfo.cascade
                     style="width: 100%;"
@@ -206,444 +182,379 @@
                     :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择'"
                     v-else-if="item.formField.extInfo.cascadeDown.length != 0"
             ></el-cascader>-->
-          </template>
-          <template v-else-if="item.formField.type==='FILE' || item.formField.type === 'IMAGE' || item.formField.type === 'ATTACHMENT' || item.formField.type === 'VIDEO'">
-            <div @click="checkUpload(item.fieldId,item.formField.extInfo)" @mouseover="checkUpload(item.fieldId,item.formField.extInfo)" class="form-field-file" style="display:flex;flex-direction: column">
-              <el-upload
-
-                      ref="upload"
-                      :list-type="item.formField.type === 'IMAGE' || item.formField.type === 'FILE' ? 'picture-card':''"
-                      :accept="acceptFieldType(item.formField.type)"
-                      name="file"
-                      action="/open/media/file/upload"
-                      :multiple="item.formField.extInfo&&item.formField.extInfo.limitNum&&item.formField.extInfo.limitNum>1?true:false"
-                      :file-list="extInfoFieldValue[item.fieldId]"
-                      :limit="item.formField.extInfo.limitNum?Number(item.formField.extInfo.limitNum):(item.formField.extInfo.limit ? Number(item.formField.extInfo.limit) : 1)"
-                      :before-upload="(file=>{return beforeAvatarUpload(file,item.formField.type)})"
-                      :on-exceed="exceedUpload"
-                      :on-remove="handleRemove"
-                      :http-request="aliyunOssRequest"
-                      :on-change="handleEditChange"
-                      :on-success="successUpload"
-                      :show-file-list="item.formField.type === 'IMAGE' || item.formField.type === 'FILE' ? true : false"
-              >
-                <div class="upload-demo">
-                  <i class="el-icon-plus"></i>
+            </template>
+            <template
+              v-else-if="item.formField.type === 'FILE' || item.formField.type === 'IMAGE' || item.formField.type === 'ATTACHMENT' || item.formField.type === 'VIDEO'">
+              <div @click="checkUpload(item.fieldId, item.formField.extInfo)"
+                @mouseover="checkUpload(item.fieldId, item.formField.extInfo)" class="form-field-file"
+                style="display:flex;flex-direction: column">
+                <el-upload ref="upload"
+                  :list-type="item.formField.type === 'IMAGE' || item.formField.type === 'FILE' ? 'picture-card' : ''"
+                  :accept="acceptFieldType(item.formField.type)" name="file" action="/open/media/file/upload"
+                  :multiple="item.formField.extInfo && item.formField.extInfo.limitNum && item.formField.extInfo.limitNum > 1 ? true : false"
+                  :file-list="extInfoFieldValue[item.fieldId]"
+                  :limit="item.formField.extInfo.limitNum ? Number(item.formField.extInfo.limitNum) : (item.formField.extInfo.limit ? Number(item.formField.extInfo.limit) : 1)"
+                  :before-upload="(file => { return beforeAvatarUpload(file, item.formField.type) })" :on-exceed="exceedUpload"
+                  :on-remove="handleRemove" :http-request="aliyunOssRequest" :on-change="handleEditChange"
+                  :on-success="successUpload"
+                  :show-file-list="item.formField.type === 'IMAGE' || item.formField.type === 'FILE' ? true : false">
+                  <div class="upload-demo">
+                    <i class="el-icon-plus"></i>
+                  </div>
+                  <!--                <el-button size="small" type="primary" v-else class="uploadBtn">点击上传</el-button>-->
+                </el-upload>
+                <file-list-view :attachmentList="extInfoFieldValue[item.fieldId]"
+                  v-if="extInfoFieldValue[item.fieldId] && item.formField.type !== 'IMAGE' && item.formField.type !== 'FILE'"
+                  @attachDeleteAttch="attachDeleteFile($event, item.fieldId)"></file-list-view>
+              </div>
+            </template>
+            <div v-else-if="item.formField.type == 'REF_TEMPLATE' || item.formField.type == 'REF'">
+              <el-select v-model=item.value
+                :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请选择'"
+                style="width: 100%" filterable
+                :multiple="item.formField.extInfo && item.formField.extInfo.selectType == '多选'"
+                @visible-change="(visible) => { return refTemplateVisibleChange(visible, item) }" collapse-tags
+                @change="changeRefData($event, item)" @focus="setOptionWidth">
+                <template v-for="(items, index) in refTemplateList[item.fieldId]">
+                  <el-option v-if="refTemplateList[item.fieldId]" :key="index" :label="items.name" :value="items.id"
+                    :style="{ width: selectOptionWidth }">
+                  </el-option>
+                </template>
+                <div @click="lodeMore(item)" v-if="refNextPage[item.fieldId] && refNextPage[item.fieldId].hasNextPage"
+                  style="width:100%;height:30px;display:flex;align-items: center;justify-content: center;color:#606266">
+                  加载更多
                 </div>
-<!--                <el-button size="small" type="primary" v-else class="uploadBtn">点击上传</el-button>-->
-              </el-upload>
-              <file-list-view :attachmentList="extInfoFieldValue[item.fieldId]" v-if="extInfoFieldValue[item.fieldId] && item.formField.type !== 'IMAGE' && item.formField.type !== 'FILE'" @attachDeleteAttch="attachDeleteFile($event,item.fieldId)"></file-list-view>
+              </el-select>
             </div>
-          </template>
-          <div v-else-if="item.formField.type == 'REF_TEMPLATE' || item.formField.type == 'REF'">
-            <el-select
-                    v-model=item.value
-                    :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择'"
-                    style="width: 100%"
-                    filterable
-                    :multiple="item.formField.extInfo && item.formField.extInfo.selectType == '多选'"
-                    @visible-change="(visible) =>{ return refTemplateVisibleChange(visible,item)  }"
-                    collapse-tags
-                    @change="changeRefData($event,item)"
-                    @focus="setOptionWidth"
-            >
-              <template v-for="(items,index) in refTemplateList[item.fieldId]">
-                <el-option
-                        v-if="refTemplateList[item.fieldId]"
-                        :key="index"
-                        :label="items.name"
-                        :value="items.id"
-                        :style="{width:selectOptionWidth}"
-                >
-                </el-option>
-              </template>
-              <div
-                @click="lodeMore(item)"
-                v-if="refNextPage[item.fieldId] && refNextPage[item.fieldId].hasNextPage"
-                style="width:100%;height:30px;display:flex;align-items: center;justify-content: center;color:#606266">
-                  加载更多
-              </div>
-            </el-select>
           </div>
         </div>
       </div>
-      </div>
-      <div class="mobileFormClass" v-else style="padding: 10px 0;" :class="{notClick:disableds === true}">
-        <div v-for="(item) in formFieldRelation"
-           :key="item.fieldId"
-           class="form-field-item"
-        >
-        <div v-if="item.formField.type==='INPUT'"  class="form-field-item-value">
-          <van-field v-model=item.value
-                     :label=item.formField.name
-                     :required="item.required || isRequiredFn(item.formField)"
-                     :disabled="disableds"
-                     :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请输入'"
-                     :maxlength="item.formField.extInfo&&item.formField.extInfo.maxNum?item.formField.extInfo.maxNum*1:1000"
-                     @blur="typeCheck(item.formField,item)"
-                     :type="item.formField.extInfo.inputType==='NUMBER'||
-                          item.formField.extInfo.inputType==='RATE'? 'number':'text'"
-          >
-            <template slot="label">
-              <span style="padding-right: 5px">{{item.formField.name}}</span>
-              <span v-if="item.formField.remark && item.formField.remark.enable"
-                    @click.stop="leftIcon(item.formField.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-              <span v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
-                    @click.stop="leftIcon(item.formField.extInfo.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-            </template>
-          </van-field>
-        </div>
-        <div v-else-if="item.formField.type==='EXPLANATION'||item.formField.type==='EXPLAIN'" class="explan-ation">
-          <div  class="explanation">
-            <p  class="explanation-p" v-if="item.formField.type==='EXPLANATION'">
-              <span class="el-icon-info"></span>
-              {{item.formField.extInfo.descriptionText}}
-            </p>
-            <p v-else class="explanation-p">
-              <span class="el-icon-info"></span>
-              <span v-if="item.formField.extInfo.url" class="explain-url"><a :href="item.formField.extInfo.url" target="_blank">{{item.formField.description?item.formField.description:item.formField.extInfo.placeholder}}</a></span>
-              <span v-else>{{item.formField.description?item.formField.description:item.formField.extInfo.placeholder}}</span>
-            </p>
+      <div class="mobileFormClass" v-else style="padding: 10px 0;" :class="{ notClick: disableds === true }">
+        <div v-for="(item) in formFieldRelation" :key="item.fieldId" class="form-field-item">
+          <div v-if="item.formField.type === 'INPUT'" class="form-field-item-value">
+            <van-field v-model=item.value :label=item.formField.name
+              :required="item.required || isRequiredFn(item.formField)" :disabled="disableds"
+              :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请输入'"
+              :maxlength="item.formField.extInfo && item.formField.extInfo.maxNum ? item.formField.extInfo.maxNum * 1 : 1000"
+              @blur="typeCheck(item.formField, item)" :type="item.formField.extInfo.inputType === 'NUMBER' ||
+                item.formField.extInfo.inputType === 'RATE' ? 'number' : 'text'">
+              <template slot="label">
+                <span style="padding-right: 5px">{{ item.formField.name }}</span>
+                <span v-if="item.formField.remark && item.formField.remark.enable"
+                  @click.stop="leftIcon(item.formField.remark)">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
+                <span
+                  v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
+                  @click.stop="leftIcon(item.formField.extInfo.remark)">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
+              </template>
+            </van-field>
           </div>
-        </div>
-        <div v-else-if="item.formField.type==='TEXTAREA'" class="form-field-item-value">
-          <van-field v-model=item.value
-                     :label=item.formField.name
-                     :required="item.required || isRequiredFn(item.formField)"
-                     type="textarea"
-                     :disabled="disableds"
-                     :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请输入'"
-                     :maxlength="item.formField.extInfo&&item.formField.extInfo.maxNum?item.formField.extInfo.maxNum*1:1000"
-                     v-if="item.fieldId!=='workorder_description'"
-          >
-            <template slot="label">
-              <span style="padding-right: 5px">{{item.formField.name}}</span>
-              <span v-if="item.formField.remark && item.formField.remark.enable"
-                    @click.stop="leftIcon(item.formField.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-              <span v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
-                    @click.stop="leftIcon(item.formField.extInfo.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-            </template>
-          </van-field>
-          <div v-if="item.fieldId==='workorder_description'" class="workorder_description">
-            <div class="field-name" :class="item.required || isRequiredFn(item.formField)?'required-name':''">
-              <span v-if="item.required || isRequiredFn(item.formField)" style="color: red">*</span>
-              <span style="padding-right: 5px">{{ isBaiLi ? '反馈描述' : item.formField.name }}</span>
-              <span v-if="item.formField.remark && item.formField.remark.enable"
-                    @click.stop="leftIcon(item.formField.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-              <span v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
-                    @click.stop="leftIcon(item.formField.extInfo.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
+          <div v-else-if="item.formField.type === 'EXPLANATION' || item.formField.type === 'EXPLAIN'" class="explan-ation">
+            <div class="explanation">
+              <p class="explanation-p" v-if="item.formField.type === 'EXPLANATION'">
+                <span class="el-icon-info"></span>
+                {{ item.formField.extInfo.descriptionText }}
+              </p>
+              <p v-else class="explanation-p">
+                <span class="el-icon-info"></span>
+                <span v-if="item.formField.extInfo.url" class="explain-url"><a :href="item.formField.extInfo.url"
+                    target="_blank">{{ item.formField.description ? item.formField.description : item.formField.extInfo.placeholder }}</a></span>
+                <span
+                  v-else>{{ item.formField.description ? item.formField.description : item.formField.extInfo.placeholder }}</span>
+              </p>
             </div>
-            <ckeditor
+          </div>
+          <div v-else-if="item.formField.type === 'TEXTAREA'" class="form-field-item-value">
+            <van-field v-model=item.value :label=item.formField.name
+              :required="item.required || isRequiredFn(item.formField)" type="textarea" :disabled="disableds"
+              :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请输入'"
+              :maxlength="item.formField.extInfo && item.formField.extInfo.maxNum ? item.formField.extInfo.maxNum * 1 : 1000"
+              v-if="item.fieldId !== 'workorder_description'">
+              <template slot="label">
+                <span style="padding-right: 5px">{{ item.formField.name }}</span>
+                <span v-if="item.formField.remark && item.formField.remark.enable"
+                  @click.stop="leftIcon(item.formField.remark)">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
+                <span
+                  v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
+                  @click.stop="leftIcon(item.formField.extInfo.remark)">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
+              </template>
+            </van-field>
+            <div v-if="item.fieldId === 'workorder_description'" class="workorder_description">
+              <div class="field-name" :class="item.required || isRequiredFn(item.formField) ? 'required-name' : ''">
+                <span v-if="item.required || isRequiredFn(item.formField)" style="color: red">*</span>
+                <span style="padding-right: 5px">{{ isBaiLi ? '反馈描述' : item.formField.name }}</span>
+                <span v-if="item.formField.remark && item.formField.remark.enable"
+                  @click.stop="leftIcon(item.formField.remark)">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
+                <span
+                  v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
+                  @click.stop="leftIcon(item.formField.extInfo.remark)">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
+              </div>
+              <!-- <ckeditor
                 :editor="ckeditor.editor"
                 v-model="item.value"
                 @ready="(editor)=>currentEditor=editor"
                 @focus="(zh,editor)=>currentEditor=editor"
                 :config="{...ckeditor.editorConfig,placeholder:item.formField.extInfo && item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请输入'}"
-            ></ckeditor>
-            <file-list-view :attachmentList="attachmentList" @attachDeleteAttch="attachDeleteAttch"></file-list-view>
+            ></ckeditor> -->
+              <MyEditor v-model="item.value"
+                :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请输入'"
+                @fileUploadCallback="desUploadImageAndFile"
+                :havToolbar="mainId !== '8b9bd566e3e64156ab764b19defc9d48' && mainId !== '0b73521f96e4486aaf6be42932bd7b07'">
+              </MyEditor>
+              <file-list-view :attachmentList="attachmentList" @attachDeleteAttch="attachDeleteAttch"></file-list-view>
+            </div>
           </div>
-        </div>
-        <div v-else-if="item.formField.type==='DATE_PICKER'" class="form-field-item-value">
-          <van-field
-              readonly
-              clickable
-              name="calendar"
-              :value=dateValue[item.fieldId]
-              :label=item.formField.name
-              :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择日期'"
-              :required="item.required || isRequiredFn(item.formField)"
-              @click="dateClick(item.fieldId)"
-              :disabled="disableds"
-              right-icon="van-icon van-icon-arrow van-cell__right-icon"
-          >
-            <template slot="label">
-              <span style="padding-right: 5px">{{item.formField.name}}</span>
-              <span v-if="item.formField.remark && item.formField.remark.enable"
-                    @click.stop="leftIcon(item.formField.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-              <span v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
-                    @click.stop="leftIcon(item.formField.extInfo.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-            </template>
-          </van-field>
-          <van-calendar
-              v-model="showCalendar"
-              :min-date="minDate"
-              :max-date="maxDate"
-              @confirm="onConfirmCalendar($event,item)"
-          />
-        </div>
-        <div v-else-if="item.formField.type==='TIME_PICKER'&&(item.formField.extInfo.mold==='DATA_TIME' || item.formField.extInfo.mold==='DATE_TIME' || getMoldTime(item.formField) == 'DATE_TIME')" class="form-field-item-value">
-          <van-field
-              readonly
-              clickable
-              name="datetimePicker"
-              :required="item.required || isRequiredFn(item.formField)"
-              :value=extInfoFieldValue[item.fieldId]
-              :label=item.formField.name
-              :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择'"
-              @click="timeClick(item.fieldId,item,'DATE_TIME')"
-              :disabled="disableds"
-              right-icon="van-icon van-icon-arrow van-cell__right-icon"
-
-          >
-            <template slot="label">
-              <span style="padding-right: 5px">{{item.formField.name}}</span>
-              <span v-if="item.formField.remark && item.formField.remark.enable"
-                    @click.stop="leftIcon(item.formField.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-              <span v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
-                    @click.stop="leftIcon(item.formField.extInfo.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-            </template>
-          </van-field>
-          <van-popup v-model="dateTimePicker" position="bottom">
-            <van-datetime-picker
-                v-model="currentDate"
-                type="datetime"
-                @confirm="onConfirm($event,item.fieldId,item,'DATE_TIME')"
-                @cancel="dateTimePicker = false"
-                :min-date="minDate"
-                :formatter="formatter"
-                :max-date="maxDate"
-            />
-          </van-popup>
-        </div>
-          <div v-else-if="item.formField.type==='TIME_PICKER'&&(!item.formField.extInfo.mold || item.formField.extInfo.mold==='TIME' || getMoldTime(item.formField) == 'TIME')" class="form-field-item-value">
-            <van-field
-                readonly
-                clickable
-                name="datetimePicker"
-                :required="item.required || isRequiredFn(item.formField)"
-                :value=extInfoFieldValue[item.fieldId]
-                :label=item.formField.name
-                :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择'"
-                @click="timeClick(item.fieldId,item,'TIME')"
-                :disabled="disableds"
-                right-icon="van-icon van-icon-arrow van-cell__right-icon"
-
-            >
+          <div v-else-if="item.formField.type === 'DATE_PICKER'" class="form-field-item-value">
+            <van-field readonly clickable name="calendar" :value=dateValue[item.fieldId] :label=item.formField.name
+              :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请选择日期'"
+              :required="item.required || isRequiredFn(item.formField)" @click="dateClick(item.fieldId)"
+              :disabled="disableds" right-icon="van-icon van-icon-arrow van-cell__right-icon">
               <template slot="label">
-                <span style="padding-right: 5px">{{item.formField.name}}</span>
+                <span style="padding-right: 5px">{{ item.formField.name }}</span>
                 <span v-if="item.formField.remark && item.formField.remark.enable"
-                      @click.stop="leftIcon(item.formField.remark)">
+                  @click.stop="leftIcon(item.formField.remark)">
                   <i class="el-icon-warning-outline"></i>
                 </span>
-                <span v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
-                      @click.stop="leftIcon(item.formField.extInfo.remark)">
+                <span
+                  v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
+                  @click.stop="leftIcon(item.formField.extInfo.remark)">
                   <i class="el-icon-warning-outline"></i>
                 </span>
               </template>
             </van-field>
-            <van-popup v-model="timePicker" position="bottom">
-              <van-datetime-picker
-                  v-model="currentTime"
-                  type="time"
-                  title="选择时间"
-                  :min-hour="0"
-                  :max-hour="23"
-                  @confirm="onConfirm($event,item.fieldId,item,'TIME')"
-                  @cancel="timePicker = false"
-              />
+            <van-calendar v-model="showCalendar" :min-date="minDate" :max-date="maxDate"
+              @confirm="onConfirmCalendar($event, item)" />
+          </div>
+          <div
+            v-else-if="item.formField.type === 'TIME_PICKER' && (item.formField.extInfo.mold === 'DATA_TIME' || item.formField.extInfo.mold === 'DATE_TIME' || getMoldTime(item.formField) == 'DATE_TIME')"
+            class="form-field-item-value">
+            <van-field readonly clickable name="datetimePicker" :required="item.required || isRequiredFn(item.formField)"
+              :value=extInfoFieldValue[item.fieldId] :label=item.formField.name
+              :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请选择'"
+              @click="timeClick(item.fieldId, item, 'DATE_TIME')" :disabled="disableds"
+              right-icon="van-icon van-icon-arrow van-cell__right-icon">
+              <template slot="label">
+                <span style="padding-right: 5px">{{ item.formField.name }}</span>
+                <span v-if="item.formField.remark && item.formField.remark.enable"
+                  @click.stop="leftIcon(item.formField.remark)">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
+                <span
+                  v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
+                  @click.stop="leftIcon(item.formField.extInfo.remark)">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
+              </template>
+            </van-field>
+            <van-popup v-model="dateTimePicker" position="bottom">
+              <van-datetime-picker v-model="currentDate" type="datetime"
+                @confirm="onConfirm($event, item.fieldId, item, 'DATE_TIME')" @cancel="dateTimePicker = false"
+                :min-date="minDate" :formatter="formatter" :max-date="maxDate" />
             </van-popup>
           </div>
-        <div v-else-if="item.formField.type==='TIME_PICKER'&&(item.formField.extInfo.mold==='DATA' || item.formField.extInfo.mold==='DATE' || getMoldTime(item.formField) == 'DATE')" class="form-field-item-value">
-          <van-field
-              readonly
-              clickable
-              name="datetimePicker"
-              :required="item.required || isRequiredFn(item.formField)"
-              :value=extInfoFieldValue[item.fieldId]
-              :label=item.formField.name
-              :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择'"
-              @click="timeClick(item.fieldId,item,'DATE')"
-              :disabled="disableds"
-              right-icon="van-icon van-icon-arrow van-cell__right-icon"
-
-          >
-            <template slot="label">
-              <span style="padding-right: 5px">{{item.formField.name}}</span>
-              <span v-if="item.formField.remark && item.formField.remark.enable"
-                    @click.stop="leftIcon(item.formField.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-              <span v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
-                    @click.stop="leftIcon(item.formField.extInfo.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-            </template>
-          </van-field>
-          <van-calendar v-model="datePicker" :show-confirm="false" @confirm="onConfirm($event,item.fieldId,item,'DATE')" :min-date="minDate" :max-date="maxDate" @cancel="datePicker = false"/>
-        </div>
-        <div v-else-if="item.formField.type==='RADIO'" class="form-field-item-other">
-          <van-field name="radio" :label="item.formField.name" :required="item.required || isRequiredFn(item.formField)" :disabled="disableds"  v-if="item.formField.extInfo.option">
-            <template slot="label">
-              <span style="padding-right: 5px">{{item.formField.name}}</span>
-              <span v-if="item.formField.remark && item.formField.remark.enable"
-                    @click.stop="leftIcon(item.formField.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-              <span v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
-                    @click.stop="leftIcon(item.formField.extInfo.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-            </template>
-            <template #input style="display: flex;align-items: center">
-              <van-radio-group v-model=item.value direction="horizontal" :disabled="disableds">
-                <van-radio v-for="(items,index) in item.formField.extInfo.option"  :name=items.value :key="index" @click="changeSelect(item)">{{items.label}}</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field name="radio" :label="item.formField.name" :required="item.required || isRequiredFn(item.formField)" :disabled="disableds"  v-if="item.formField.extInfo.options">
-            <template slot="label">
-              <span style="padding-right: 5px">{{item.formField.name}}</span>
-              <span v-if="item.formField.remark && item.formField.remark.enable"
-                    @click.stop="leftIcon(item.formField.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-              <span v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
-                    @click.stop="leftIcon(item.formField.extInfo.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-            </template>
-            <template #input style="display: flex;align-items: center" >
-              <van-radio-group v-model=item.value direction="horizontal" :disabled="disableds">
-                <van-radio v-for="(items,index) in optionsLists(item)"  :name=items.value :key="index" @click="changeSelect(item)">{{items.label}}</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-        </div>
-        <div v-else-if="item.formField.type==='CHECKBOX'" class="form-field-item-other">
-          <van-field name="checkbox" :label=item.formField.name :required="item.required || isRequiredFn(item.formField)" :disabled="disableds" v-if="item.formField.extInfo.option">
-            <template slot="label">
-              <span style="padding-right: 5px">{{item.formField.name}}</span>
-              <span v-if="item.formField.remark && item.formField.remark.enable"
-                    @click.stop="leftIcon(item.formField.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-              <span v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
-                    @click.stop="leftIcon(item.formField.extInfo.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-            </template>
-            <template #input style="display: flex;align-items: center" >
-              <van-checkbox-group v-model=item.value ref="checkboxGroup" direction="horizontal" :disabled="disableds">
-                <van-checkbox
-                    v-for="(items,index) in item.formField.extInfo.option"
-                    shape="square"
-                    :key="index"
-                    :name=items.value>
-                  {{items.label}}
-                </van-checkbox>
-              </van-checkbox-group>
-            </template>
-          </van-field>
-          <van-field name="checkbox" :label=item.formField.name :required="item.required || isRequiredFn(item.formField)" :disabled="disableds" v-if="item.formField.extInfo.options">
-            <template slot="label">
-              <span style="padding-right: 5px">{{item.formField.name}}</span>
-              <span v-if="item.formField.remark && item.formField.remark.enable"
-                    @click.stop="leftIcon(item.formField.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-              <span v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
-                    @click.stop="leftIcon(item.formField.extInfo.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-            </template>
-            <template #input style="display: flex;align-items: center" >
-              <van-checkbox-group v-model=item.value ref="checkboxGroup" direction="horizontal" :disabled="disableds">
-                <van-checkbox
-                    v-for="(items,index) in optionsLists(item)"
-                    shape="square"
-                    :key="index"
-                    :name=items.value>
-                  {{items.label}}
-                </van-checkbox>
-              </van-checkbox-group>
-            </template>
-          </van-field>
-        </div>
-        <div v-else-if="item.formField.type==='SELECT' || item.formField.type==='OPTION'" class="form-field-item-value">
-          <template v-if="item.fieldId==='workorder_clientId' || item.fieldId === 'workorder_statusId' || item.fieldId === 'workorder_priority'">
-            <van-field
-                readonly
-                clickable
-                name="picker"
-                :value=selectValues[item.fieldId]
-                :label="item.fieldId==='workorder_clientId'?'报单人':item.formField.name"
-                :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择'"
-                @click="selectClick(item.fieldId,'client',item)"
-                :required="item.required || isRequiredFn(item.formField)"
-                :disabled="disableds"
-                @click-right-icon.stop="SelectClear(item.fieldId)"
-                :right-icon="selectValues[item.fieldId]? 'close' : 'van-icon van-icon-arrow van-cell__right-icon'"
-            >
+          <div
+            v-else-if="item.formField.type === 'TIME_PICKER' && (!item.formField.extInfo.mold || item.formField.extInfo.mold === 'TIME' || getMoldTime(item.formField) == 'TIME')"
+            class="form-field-item-value">
+            <van-field readonly clickable name="datetimePicker" :required="item.required || isRequiredFn(item.formField)"
+              :value=extInfoFieldValue[item.fieldId] :label=item.formField.name
+              :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请选择'"
+              @click="timeClick(item.fieldId, item, 'TIME')" :disabled="disableds"
+              right-icon="van-icon van-icon-arrow van-cell__right-icon">
               <template slot="label">
-                <span style="padding-right: 5px">{{item.formField.name}}</span>
+                <span style="padding-right: 5px">{{ item.formField.name }}</span>
                 <span v-if="item.formField.remark && item.formField.remark.enable"
-                      @click.stop="leftIcon(item.formField.remark)">
+                  @click.stop="leftIcon(item.formField.remark)">
                   <i class="el-icon-warning-outline"></i>
                 </span>
-                <span v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
-                      @click.stop="leftIcon(item.formField.extInfo.remark)">
+                <span
+                  v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
+                  @click.stop="leftIcon(item.formField.extInfo.remark)">
                   <i class="el-icon-warning-outline"></i>
                 </span>
               </template>
             </van-field>
-            <van-popup v-model="showPicker" position="bottom">
-              <van-picker
-                  show-toolbar
-                  :columns=selectValue
-                  @confirm="onConfirmSelect($event,item)"
-                  @cancel="showPicker = false"
-                  :key="selectKey"
-
-              />
+            <van-popup v-model="timePicker" position="bottom">
+              <van-datetime-picker v-model="currentTime" type="time" title="选择时间" :min-hour="0" :max-hour="23"
+                @confirm="onConfirm($event, item.fieldId, item, 'TIME')" @cancel="timePicker = false" />
             </van-popup>
-          </template>
-          <template v-else>
-            <van-field
-                readonly
-                clickable
-                name="picker"
-                :value="showSelectText(item.formField.extInfo ? (item.formField.extInfo.option || item.formField.extInfo.options) : [],item.value)"
-                :label=item.formField.name
-                :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择'"
-                @click="selectClick(item.fieldId,'select',item)"
-                :required="item.required || isRequiredFn(item.formField)"
-                :disabled="disableds"
-                @click-right-icon.stop="SelectClear(item.fieldId)"
-                :right-icon="item.value && item.value.length? 'close' : 'van-icon van-icon-arrow van-cell__right-icon'"
-            >
+          </div>
+          <div
+            v-else-if="item.formField.type === 'TIME_PICKER' && (item.formField.extInfo.mold === 'DATA' || item.formField.extInfo.mold === 'DATE' || getMoldTime(item.formField) == 'DATE')"
+            class="form-field-item-value">
+            <van-field readonly clickable name="datetimePicker" :required="item.required || isRequiredFn(item.formField)"
+              :value=extInfoFieldValue[item.fieldId] :label=item.formField.name
+              :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请选择'"
+              @click="timeClick(item.fieldId, item, 'DATE')" :disabled="disableds"
+              right-icon="van-icon van-icon-arrow van-cell__right-icon">
               <template slot="label">
-                <span style="padding-right: 5px">{{item.formField.name}}</span>
+                <span style="padding-right: 5px">{{ item.formField.name }}</span>
                 <span v-if="item.formField.remark && item.formField.remark.enable"
-                      @click.stop="leftIcon(item.formField.remark)">
+                  @click.stop="leftIcon(item.formField.remark)">
                   <i class="el-icon-warning-outline"></i>
                 </span>
-                <span v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
-                      @click.stop="leftIcon(item.formField.extInfo.remark)">
+                <span
+                  v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
+                  @click.stop="leftIcon(item.formField.extInfo.remark)">
                   <i class="el-icon-warning-outline"></i>
                 </span>
               </template>
             </van-field>
-            <!-- <van-field
+            <van-calendar v-model="datePicker" :show-confirm="false" @confirm="onConfirm($event, item.fieldId, item, 'DATE')"
+              :min-date="minDate" :max-date="maxDate" @cancel="datePicker = false" />
+          </div>
+          <div v-else-if="item.formField.type === 'RADIO'" class="form-field-item-other">
+            <van-field name="radio" :label="item.formField.name" :required="item.required || isRequiredFn(item.formField)"
+              :disabled="disableds" v-if="item.formField.extInfo.option">
+              <template slot="label">
+                <span style="padding-right: 5px">{{ item.formField.name }}</span>
+                <span v-if="item.formField.remark && item.formField.remark.enable"
+                  @click.stop="leftIcon(item.formField.remark)">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
+                <span
+                  v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
+                  @click.stop="leftIcon(item.formField.extInfo.remark)">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
+              </template>
+              <template #input style="display: flex;align-items: center">
+                <van-radio-group v-model=item.value direction="horizontal" :disabled="disableds">
+                  <van-radio v-for="(items, index) in item.formField.extInfo.option" :name=items.value :key="index"
+                    @click="changeSelect(item)">{{ items.label }}</van-radio>
+                </van-radio-group>
+              </template>
+            </van-field>
+            <van-field name="radio" :label="item.formField.name" :required="item.required || isRequiredFn(item.formField)"
+              :disabled="disableds" v-if="item.formField.extInfo.options">
+              <template slot="label">
+                <span style="padding-right: 5px">{{ item.formField.name }}</span>
+                <span v-if="item.formField.remark && item.formField.remark.enable"
+                  @click.stop="leftIcon(item.formField.remark)">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
+                <span
+                  v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
+                  @click.stop="leftIcon(item.formField.extInfo.remark)">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
+              </template>
+              <template #input style="display: flex;align-items: center">
+                <van-radio-group v-model=item.value direction="horizontal" :disabled="disableds">
+                  <van-radio v-for="(items, index) in optionsLists(item)" :name=items.value :key="index"
+                    @click="changeSelect(item)">{{ items.label }}</van-radio>
+                </van-radio-group>
+              </template>
+            </van-field>
+          </div>
+          <div v-else-if="item.formField.type === 'CHECKBOX'" class="form-field-item-other">
+            <van-field name="checkbox" :label=item.formField.name
+              :required="item.required || isRequiredFn(item.formField)" :disabled="disableds"
+              v-if="item.formField.extInfo.option">
+              <template slot="label">
+                <span style="padding-right: 5px">{{ item.formField.name }}</span>
+                <span v-if="item.formField.remark && item.formField.remark.enable"
+                  @click.stop="leftIcon(item.formField.remark)">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
+                <span
+                  v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
+                  @click.stop="leftIcon(item.formField.extInfo.remark)">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
+              </template>
+              <template #input style="display: flex;align-items: center">
+                <van-checkbox-group v-model=item.value ref="checkboxGroup" direction="horizontal" :disabled="disableds">
+                  <van-checkbox v-for="(items, index) in item.formField.extInfo.option" shape="square" :key="index"
+                    :name=items.value>
+                    {{ items.label }}
+                  </van-checkbox>
+                </van-checkbox-group>
+              </template>
+            </van-field>
+            <van-field name="checkbox" :label=item.formField.name
+              :required="item.required || isRequiredFn(item.formField)" :disabled="disableds"
+              v-if="item.formField.extInfo.options">
+              <template slot="label">
+                <span style="padding-right: 5px">{{ item.formField.name }}</span>
+                <span v-if="item.formField.remark && item.formField.remark.enable"
+                  @click.stop="leftIcon(item.formField.remark)">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
+                <span
+                  v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
+                  @click.stop="leftIcon(item.formField.extInfo.remark)">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
+              </template>
+              <template #input style="display: flex;align-items: center">
+                <van-checkbox-group v-model=item.value ref="checkboxGroup" direction="horizontal" :disabled="disableds">
+                  <van-checkbox v-for="(items, index) in optionsLists(item)" shape="square" :key="index" :name=items.value>
+                    {{ items.label }}
+                  </van-checkbox>
+                </van-checkbox-group>
+              </template>
+            </van-field>
+          </div>
+          <div v-else-if="item.formField.type === 'SELECT' || item.formField.type === 'OPTION'" class="form-field-item-value">
+            <template
+              v-if="item.fieldId === 'workorder_clientId' || item.fieldId === 'workorder_statusId' || item.fieldId === 'workorder_priority'">
+              <van-field readonly clickable name="picker" :value=selectValues[item.fieldId]
+                :label="item.fieldId === 'workorder_clientId' ? '报单人' : item.formField.name"
+                :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请选择'"
+                @click="selectClick(item.fieldId, 'client', item)" :required="item.required || isRequiredFn(item.formField)"
+                :disabled="disableds" @click-right-icon.stop="SelectClear(item.fieldId)"
+                :right-icon="selectValues[item.fieldId] ? 'close' : 'van-icon van-icon-arrow van-cell__right-icon'">
+                <template slot="label">
+                  <span style="padding-right: 5px">{{ item.formField.name }}</span>
+                  <span v-if="item.formField.remark && item.formField.remark.enable"
+                    @click.stop="leftIcon(item.formField.remark)">
+                    <i class="el-icon-warning-outline"></i>
+                  </span>
+                  <span
+                    v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
+                    @click.stop="leftIcon(item.formField.extInfo.remark)">
+                    <i class="el-icon-warning-outline"></i>
+                  </span>
+                </template>
+              </van-field>
+              <van-popup v-model="showPicker" position="bottom">
+                <van-picker show-toolbar :columns=selectValue @confirm="onConfirmSelect($event, item)"
+                  @cancel="showPicker = false" :key="selectKey" />
+              </van-popup>
+            </template>
+            <template v-else>
+              <van-field readonly clickable name="picker"
+                :value="showSelectText(item.formField.extInfo ? (item.formField.extInfo.option || item.formField.extInfo.options) : [], item.value)"
+                :label=item.formField.name
+                :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请选择'"
+                @click="selectClick(item.fieldId, 'select', item)" :required="item.required || isRequiredFn(item.formField)"
+                :disabled="disableds" @click-right-icon.stop="SelectClear(item.fieldId)"
+                :right-icon="item.value && item.value.length ? 'close' : 'van-icon van-icon-arrow van-cell__right-icon'">
+                <template slot="label">
+                  <span style="padding-right: 5px">{{ item.formField.name }}</span>
+                  <span v-if="item.formField.remark && item.formField.remark.enable"
+                    @click.stop="leftIcon(item.formField.remark)">
+                    <i class="el-icon-warning-outline"></i>
+                  </span>
+                  <span
+                    v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
+                    @click.stop="leftIcon(item.formField.extInfo.remark)">
+                    <i class="el-icon-warning-outline"></i>
+                  </span>
+                </template>
+              </van-field>
+              <!-- <van-field
                 readonly
                 clickable
                 name="picker"
@@ -668,178 +579,141 @@
                 </span>
               </template>
             </van-field> -->
-          </template>
-        </div>
-        <div v-if="item.formField.type === 'REF_TEMPLATE' || item.formField.type === 'REF'" class="form-field-item-value">
-            <van-field
-              readonly
-              clickable
-              :value="Array.isArray(extInfoFieldValue[item.fieldId])?extInfoFieldValue[item.fieldId].map(v=>v.name).join(','):(extInfoFieldValue[item.fieldId] && extInfoFieldValue[item.fieldId].name?extInfoFieldValue[item.fieldId].name:'')"
-              :label="item.formField.name"
-              name="picker"
-              :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择'"
-              @click="selectClick(item.fieldId,'ref',item)"
-              @click-right-icon.stop="SelectClear(item.fieldId)"
-              :required="item.required || isRequiredFn(item.formField)"
-              :disabled="disableds"
-              :right-icon="extInfoFieldValue[item.fieldId] && extInfoFieldValue[item.fieldId].length? 'close' : 'van-icon van-icon-arrow van-cell__right-icon'"
-            />
+            </template>
+          </div>
+          <div v-if="item.formField.type === 'REF_TEMPLATE' || item.formField.type === 'REF'"
+            class="form-field-item-value">
+            <van-field readonly clickable
+              :value="Array.isArray(extInfoFieldValue[item.fieldId]) ? extInfoFieldValue[item.fieldId].map(v => v.name).join(',') : (extInfoFieldValue[item.fieldId] && extInfoFieldValue[item.fieldId].name ? extInfoFieldValue[item.fieldId].name : '')"
+              :label="item.formField.name" name="picker"
+              :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请选择'"
+              @click="selectClick(item.fieldId, 'ref', item)" @click-right-icon.stop="SelectClear(item.fieldId)"
+              :required="item.required || isRequiredFn(item.formField)" :disabled="disableds"
+              :right-icon="extInfoFieldValue[item.fieldId] && extInfoFieldValue[item.fieldId].length ? 'close' : 'van-icon van-icon-arrow van-cell__right-icon'" />
             <van-popup v-model="refShowPicker" position="bottom" :style="{ height: '300px' }">
-              <select-popup
-                  :options="refTemplateList[selectDetail.fieldId]"
-                  :defaultValue="refDefaultValue[selectDetail.fieldId]"
-                  @onConfim="confirmRefSelect"
-                  @onclose= "refShowPicker = false"
-                  :multiple="selectDetail.formField && selectDetail.formField.extInfo && selectDetail.formField.extInfo.selectType ==='多选'?true:false"
-                  ref="selectPopup"
-                  :props="{
-                    value:'id',
-                    label:'name'
-                  }"
-              >
+              <select-popup :options="refTemplateList[selectDetail.fieldId]"
+                :defaultValue="refDefaultValue[selectDetail.fieldId]" @onConfim="confirmRefSelect"
+                @onclose="refShowPicker = false"
+                :multiple="selectDetail.formField && selectDetail.formField.extInfo && selectDetail.formField.extInfo.selectType === '多选' ? true : false"
+                ref="selectPopup" :props="{
+                  value: 'id',
+                  label: 'name'
+                }">
                 <template slot="popup-footer" v-if="refNextPage[item.fieldId] && refNextPage[item.fieldId].hasNextPage">
                   <span @click="lodeMore(item)">加载更多</span>
                 </template>
               </select-popup>
             </van-popup>
           </div>
-        <div v-else-if="item.formField.type==='CASCADER'" :key="JSON.stringify(item.formField)" class="form-field-item-value">
-          <van-field
-              readonly
-              clickable
-              name="area"
-              :value="extInfoFieldValue[item.fieldId] && Array.isArray(extInfoFieldValue[item.fieldId])?extInfoFieldValue[item.fieldId].map(e=>e.label).join('/'):''"
+          <div v-else-if="item.formField.type === 'CASCADER'" :key="JSON.stringify(item.formField)"
+            class="form-field-item-value">
+            <van-field readonly clickable name="area"
+              :value="extInfoFieldValue[item.fieldId] && Array.isArray(extInfoFieldValue[item.fieldId]) ? extInfoFieldValue[item.fieldId].map(e => e.label).join('/') : ''"
               :label=item.formField.name
-              :placeholder="item.formField.extInfo&&item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请选择'"
-              @click="openDrawer(item,'cascader')"
-              :required="item.fieldId !== '0feca81fce97465da537248c066e4db8' && item.fieldId !=='1d8bd21485834773a6d18eae60013000' && (item.required || isRequiredFn(item.formField))"
-              :disabled="disableds"
-              right-icon="van-icon van-icon-arrow van-cell__right-icon"
-          >
-            <template slot="label">
-              <span style="padding-right: 5px">{{item.formField.name}}</span>
-              <span v-if="item.formField.remark && item.formField.remark.enable"
-                    @click.stop="leftIcon(item.formField.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-              <span v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
-                    @click.stop="leftIcon(item.formField.extInfo.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-            </template>
-          </van-field>
-        </div>
-        <div v-else-if="item.formField.type === 'FILE' || item.formField.type === 'IMAGE' || item.formField.type === 'ATTACHMENT' || item.formField.type === 'VIDEO'" class="form-field-item-value">
-          <div @click="checkUpload(item.fieldId,item.formField.extInfo)" class="form-field-item-file">
-            <div class="fileName">
-              <span style="color: red" v-if="item.required || isRequiredFn(item.formField)">*</span>
-              <span style="padding-right: 5px">{{item.formField.name}}</span>
-              <span v-if="item.formField.remark && item.formField.remark.enable"
-                    @click.stop="leftIcon(item.formField.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-              <span v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
-                    @click.stop="leftIcon(item.formField.extInfo.remark)">
-                <i class="el-icon-warning-outline"></i>
-              </span>
-            </div>
-            <van-uploader
-                v-model="extInfoFieldValue[item.fieldId]"
-                :before-read="(file=>{return beforeRead(file,item.formField.type)})"
-                :max-count='item.formField.extInfo&&item.formField.extInfo.limitNum ? item.formField.extInfo.limitNum : (item.formField.extInfo.limit ? item.formField.extInfo.limit : 1)'
-                :after-read="afterRead"
-                :accept="acceptFieldType(item.formField.type)"
-                :multiple="item.formField.extInfo&&item.formField.extInfo.limitNum&&item.formField.extInfo.limitNum>1?true:false"
-                :preview-image="item.formField.type === 'IMAGE' || item.formField.type === 'FILE' ? true : false"
-            >
-              <div class="vant-upload--picture-card">
-                <i  class="el-icon-plus"></i>
+              :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder ? item.formField.extInfo.placeholder : '请选择'"
+              @click="openDrawer(item, 'cascader')"
+              :required="item.fieldId !== '0feca81fce97465da537248c066e4db8' && item.fieldId !== '1d8bd21485834773a6d18eae60013000' && (item.required || isRequiredFn(item.formField))"
+              :disabled="disableds" right-icon="van-icon van-icon-arrow van-cell__right-icon">
+              <template slot="label">
+                <span style="padding-right: 5px">{{ item.formField.name }}</span>
+                <span v-if="item.formField.remark && item.formField.remark.enable"
+                  @click.stop="leftIcon(item.formField.remark)">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
+                <span
+                  v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
+                  @click.stop="leftIcon(item.formField.extInfo.remark)">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
+              </template>
+            </van-field>
+          </div>
+          <div
+            v-else-if="item.formField.type === 'FILE' || item.formField.type === 'IMAGE' || item.formField.type === 'ATTACHMENT' || item.formField.type === 'VIDEO'"
+            class="form-field-item-value">
+            <div @click="checkUpload(item.fieldId, item.formField.extInfo)" class="form-field-item-file">
+              <div class="fileName">
+                <span style="color: red" v-if="item.required || isRequiredFn(item.formField)">*</span>
+                <span style="padding-right: 5px">{{ item.formField.name }}</span>
+                <span v-if="item.formField.remark && item.formField.remark.enable"
+                  @click.stop="leftIcon(item.formField.remark)">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
+                <span
+                  v-else-if="item.formField.extInfo && item.formField.extInfo.remark && item.formField.extInfo.remark.enable"
+                  @click.stop="leftIcon(item.formField.extInfo.remark)">
+                  <i class="el-icon-warning-outline"></i>
+                </span>
               </div>
-            </van-uploader>
-            <file-list-view :attachmentList="extInfoFieldValue[item.fieldId]" v-if="extInfoFieldValue[item.fieldId] && extInfoFieldValue[item.fieldId].length && item.formField.type !== 'IMAGE' && item.formField.type !== 'FILE'" @attachDeleteAttch="attachDeleteFile($event,item.fieldId)"></file-list-view>
+              <van-uploader v-model="extInfoFieldValue[item.fieldId]"
+                :before-read="(file => { return beforeRead(file, item.formField.type) })"
+                :max-count='item.formField.extInfo && item.formField.extInfo.limitNum ? item.formField.extInfo.limitNum : (item.formField.extInfo.limit ? item.formField.extInfo.limit : 1)'
+                :after-read="afterRead" :accept="acceptFieldType(item.formField.type)"
+                :multiple="item.formField.extInfo && item.formField.extInfo.limitNum && item.formField.extInfo.limitNum > 1 ? true : false"
+                :preview-image="item.formField.type === 'IMAGE' || item.formField.type === 'FILE' ? true : false">
+                <div class="vant-upload--picture-card">
+                  <i class="el-icon-plus"></i>
+                </div>
+              </van-uploader>
+              <file-list-view :attachmentList="extInfoFieldValue[item.fieldId]"
+                v-if="extInfoFieldValue[item.fieldId] && extInfoFieldValue[item.fieldId].length && item.formField.type !== 'IMAGE' && item.formField.type !== 'FILE'"
+                @attachDeleteAttch="attachDeleteFile($event, item.fieldId)"></file-list-view>
+            </div>
           </div>
         </div>
-      </div>
         <van-popup v-model="fileUpload" :close-on-click-overlay="false">
-          <div style="background-color: black;height: 100px;width: 100px;display: flex;justify-content: center;align-items: center" >
-           <van-loading type="spinner"/>
+          <div
+            style="background-color: black;height: 100px;width: 100px;display: flex;justify-content: center;align-items: center">
+            <van-loading type="spinner" />
           </div>
         </van-popup>
-    </div>
+      </div>
       <div class="bottom-link"></div>
       <div class="form-submit-btn" v-if="isCompany">
-        <el-button style="border-color: #366aff;color: white;background-color: #366aff"  round class="submitClass" size="small" @click="submitClick" :disabled="disableds">
+        <el-button style="border-color: #366aff;color: white;background-color: #366aff" round class="submitClass"
+          size="small" @click="submitClick" :disabled="disableds">
           <i class="el-icon-check" v-if="!disableds"></i>
-          {{submitValue}}
+          {{ submitValue }}
         </el-button>
       </div>
       <div class="form-submit-btn" v-else>
-        <van-button  round  type="info" class="submitClass" @click="submitClick"  :disabled="disableds">
+        <van-button round type="info" class="submitClass" @click="submitClick" :disabled="disableds">
           <i class="el-icon-check" v-if="!disableds"></i>
-          {{submitValue}}
+          {{ submitValue }}
         </van-button>
       </div>
     </div>
     <el-dialog :visible.sync="dialogVisible">
       <img width="100%" :src="dialogImageUrl" alt="">
     </el-dialog>
-    <el-drawer
-        :withHeader="false"
-        :visible.sync="drawer"
-        size="400px"
-        :model="false"
-        :append-to-body="true"
-        direction="btt">
+    <el-drawer :withHeader="false" :visible.sync="drawer" size="400px" :model="false" :append-to-body="true"
+      direction="btt">
       <div class="drawer-container">
-       <tree ref="drawerTree"
-             :dataOptions="detailField.formField"
-             @saveData="saveData"
-             @cancelBtn="drawer = false"
-             :fieldValue="fieldValue"
-       ></tree>
+        <tree ref="drawerTree" :dataOptions="detailField.formField" @saveData="saveData" @cancelBtn="drawer = false"
+          :fieldValue="fieldValue" :webHookCascader="webHookCascader"></tree>
       </div>
     </el-drawer>
-    <el-drawer
-        :withHeader="false"
-        :visible.sync="selectPopUp"
-        size="40%"
-        :model="false"
-        direction="btt"
-    >
-      <select-popup
-          :options="options"
-          :defaultValue="defaultValue"
-          @onConfim="confirmSelect"
-          @onclose= "selectPopUp = false"
-          :multiple="detailField.formField.extInfo && detailField.formField.extInfo.selectType ==='多选'?true:false"
-          ref="selectPopup"
-          :props="{
-            value:'label',
-            label:'value'
-          }"
-      ></select-popup>
+    <el-drawer :withHeader="false" :visible.sync="selectPopUp" size="40%" :model="false" direction="btt">
+      <select-popup :options="options" :defaultValue="defaultValue" @onConfim="confirmSelect"
+        @onclose="selectPopUp = false"
+        :multiple="detailField.formField.extInfo && detailField.formField.extInfo.selectType === '多选' ? true : false"
+        ref="selectPopup" :props="{
+          value: 'label',
+          label: 'value'
+        }"></select-popup>
     </el-drawer>
     <van-popup v-model="showArea" position="bottom" :style="{ height: '400px' }" v-if="!isCompany">
-      <tree ref="drawerTree"
-            :dataOptions="detailField.formField"
-            @saveData="saveData"
-            @cancelBtn="showArea = false"
-            :fieldValue="fieldValue"
-      ></tree>
+      <tree ref="drawerTree" :dataOptions="detailField.formField" @saveData="saveData" @cancelBtn="showArea = false"
+        :fieldValue="fieldValue" :webHookCascader="webHookCascader"></tree>
     </van-popup>
     <van-popup v-model="selectPicker" position="bottom" :style="{ height: '300px' }" v-if="!isCompany">
-      <select-popup
-          :options="optionsList[selectDetail.fieldId]"
-          :defaultValue="defaultValue"
-          @onConfim="confirmSelect"
-          @onclose= "selectPicker = false"
-          :multiple="selectDetail.formField && selectDetail.formField.extInfo && selectDetail.formField.extInfo.selectType ==='多选'?true:false"
-          ref="selectPopup"
-          :props="{
-            value:'value',
-            label:'label'
-          }"
-      ></select-popup>
+      <select-popup :options="optionsList[selectDetail.fieldId]" :defaultValue="defaultValue" @onConfim="confirmSelect"
+        @onclose="selectPicker = false"
+        :multiple="selectDetail.formField && selectDetail.formField.extInfo && selectDetail.formField.extInfo.selectType === '多选' ? true : false"
+        ref="selectPopup" :props="{
+          value: 'value',
+          label: 'label'
+        }"></select-popup>
     </van-popup>
   </div>
 </template>
@@ -847,36 +721,30 @@
 <script>
 /* eslint-disable */
 import { forMatTime } from "./utils/format_date";
-
 let that
-import {multipartUpload,ossFileUrl} from "./utils/AliyunIssUtil";
-import {MyCustomUploadAdapterPlugin} from "./utils/ckeditor";
-// import MyimageUpload from './utils/ckeditorImageUpload/plugin-image'
-import MyFileUpload from './utils/ckeditorfileUpload/plugin_file'
-import CKEDITOR from 'ckeditor'
-
+import { multipartUpload, ossFileUrl } from "./utils/AliyunIssUtil";
+import MyEditor from './MyEditor'
 import myPopup from "./myPopup.vue";
 import Tree from '../components/tree'
 import selectPopup from '../components/popup'
 import fileListView from './fielListView.vue'
 import { uniqueData } from './utils/math_utils'
-import { putObject } from "../assets/js/obsBrowser";
 export default {
   name: "formTemplate",
-  data() {
+  data () {
     return {
       isPhone: false,
       isCompany: false,
       checkboxGroup: [],
       currentDate: new Date(),
-      currentTime:"",
-      timePicker:false,
+      currentTime: "",
+      timePicker: false,
       timeValue: [],
       dateValue: [],
       showPicker: false,
-      selectPicker:false,
+      selectPicker: false,
       dateTimePicker: false,
-      datePicker:false,
+      datePicker: false,
       showCalendar: false,
       radio: [],
       selectValue: [],
@@ -918,196 +786,174 @@ export default {
       clickPicker: '',
       columns: [],
       copyForm: [],
-      cascaderId:0,
-      formShow:[],
+      cascaderId: 0,
+      formShow: [],
       uploadAvatarParams: {
         token: "8c98087dfd2d48f856d8c95c09115def",
       },
-      fileListList:[],
-      keyValue:'',
-      selectKey:'',
-      filedId:'',
-      disabled:false,
-      dialogVisible:false,
-      dialogImageUrl:'',
-      fileUpload:false,
-      videoFlag:false,
-      videoUploadPercent:false,
-      fileType:['PICTURE','VIDEO','AUDIO'],
-      loading:'',
-      ossConfig: {
-        region: "oss-cn-zhangjiakou",
-        //云账号AccessKey有所有API访问权限，建议遵循阿里云安全最佳实践，创建并使用STS方式来进行API访问
-        accessKeyId: "LTAI4G3QtdEdwkEbihBngAsK",
-        accessKeySecret: "OwgdVfc5PeCkIgqIdug660xmiSPchn",
-        // stsToken: '<Your securityToken(STS)>',
-        bucket: "guoranopen-zjk",
+      fileListList: [],
+      keyValue: '',
+      selectKey: '',
+      filedId: '',
+      disabled: false,
+      dialogVisible: false,
+      dialogImageUrl: '',
+      fileUpload: false,
+      videoFlag: false,
+      videoUploadPercent: false,
+      fileType: ['PICTURE', 'VIDEO', 'AUDIO'],
+      loading: '',
+      hideUploadEdit: false,
+      limitNum: 1,
+      refShowPicker: false,
+      refTemplateList: {},
+      refList: {},
+      dataQuery: {},
+      refNextPage: {},
+      drawer: false,
+      detailField: {
+        formField: {}
       },
-      hideUploadEdit:false,
-      limitNum:1,
-      ckeditor: {
-        editor: CKEDITOR.ClassicEditor,
-        editorConfig: {
-          extraPlugins: [MyFileUpload,MyCustomUploadAdapterPlugin],
-          toolbar: [
-            'MyFileUpload'
-          ],
-          askPluginListener:[
-            {
-              event: 'UPLOAD',
-              process: this.desUploadImageAndFile,
-            }
-          ]
-        },
-      },
-      refShowPicker:false,
-      refTemplateList:{},
-      refList:{},
-      dataQuery:{},
-      refNextPage:{},
-      drawer:false,
-      detailField:{
-        formField:{}
-      },
-      extInfoFieldValue:{},
-      selectPopUp:false,
-      options:[],
-      defaultValue:[],
-      timeDetailData:{},
-      selectDetail:{},
-      refDefaultValue:{},
-      selectOptionWidth:null,
-      fieldValue:{},
-      optionsList:{},
-      currentEditor:null,
-      workOrderDes:"",
-      workOrderDestail:null,
-      associatedControlsCopy:[],
-      attachments:[],
-      attachmentList:[],
-      uploadImgQueue:false,
-      isBaiLi:false,
-      listenTimer:null,
+      extInfoFieldValue: {},
+      selectPopUp: false,
+      options: [],
+      defaultValue: [],
+      timeDetailData: {},
+      selectDetail: {},
+      refDefaultValue: {},
+      selectOptionWidth: null,
+      fieldValue: {},
+      optionsList: {},
+      currentEditor: null,
+      workOrderDes: "",
+      workOrderDestail: null,
+      associatedControlsCopy: [],
+      attachments: [],
+      attachmentList: [],
+      uploadImgQueue: false,
+      isBaiLi: false,
+      listenTimer: null,
+      webHookCascader:false
     }
   },
   props: {
     formList: {
       type: Object,
-      default() {
+      default () {
         return {}
       }
     },
-    type:String,
-    disable:Boolean,
-    submit:Boolean,
-    usePropStyleType:{
-      type:Boolean,
-      default() {
+    type: String,
+    disable: Boolean,
+    submit: Boolean,
+    usePropStyleType: {
+      type: Boolean,
+      default () {
         return false;
       }
     },
     propIsPhone: {
-      type:Boolean,
-      default() {
+      type: Boolean,
+      default () {
         return false;
       }
     },
     propIsCompany: {
-      type:Boolean,
-      default() {
+      type: Boolean,
+      default () {
         return false;
       }
     },
     uploadUrl: {
-      type:String,
-      default(){
+      type: String,
+      default () {
         return '/open/media/file/upload'
       }
     },
-    mainId:{
-      type:String,
-      default(){
+    mainId: {
+      type: String,
+      default () {
         return ""
       }
     }
   },
-  computed:{
-    acceptType:function () {
+  computed: {
+    acceptType: function () {
       return '.jpg,.jpeg,.png,.gif,.JPG,.JPEG,.PBG,.GIF'
     },
-    formFieldRelation:function () {
+    formFieldRelation: function () {
       let arr = [];
       let formList = []
       formList = this.formShow.form && this.formShow.form.formFieldRelation
-      formList.forEach(item=> {
-        if (item.fieldId !=='workorder_name' && item.display && item.formField.type!=='CHAT_RECORD' && item.formField.type!=='CHANNEL') {
+      formList.forEach(item => {
+        if (item.fieldId !== 'workorder_name' && item.display && item.formField.type !== 'CHAT_RECORD' && item.formField.type !== 'CHANNEL') {
           arr.push(item);
         }
       })
-      arr.forEach(item=>{
-        if (item.value && item.value.length){
-          this.$set(this.fieldValue,item.fieldId,item.value)
+      arr.forEach(item => {
+        if (item.value && item.value.length) {
+          this.$set(this.fieldValue, item.fieldId, item.value)
         }
-        if(item.formField.type === 'CHECKBOX'){
-          if(!item.value){
+        if (item.formField.type === 'CHECKBOX') {
+          if (!item.value) {
             item.value = []
           }
-          if(item.formField.defaultValue && (!item.value || !item.value.length)){
+          if (item.formField.defaultValue && (!item.value || !item.value.length)) {
             item.value = item.formField.defaultValue
           }
         }
-        if (item.fieldId==='workorder_description'){
+        if (item.fieldId === 'workorder_description') {
           this.workOrderDes = item.value;
           this.workOrderDestail = item;
-          console.debug('workorder_description',item)
+          console.debug('workorder_description', item)
         }
       })
-      let newArr = arr.filter(item=>item.relationDisplay)
+      let newArr = arr.filter(item => item.relationDisplay)
       return newArr;
     },
-    acceptFieldType(){
-      return (type)=>{
-        if (type == 'FILE'){
+    acceptFieldType () {
+      return (type) => {
+        if (type == 'FILE') {
           return 'image/*'
-        } else if( type == 'IMAGE') {
+        } else if (type == 'IMAGE') {
           return 'image/*'
-        } else if(type == 'VIDEO') {
+        } else if (type == 'VIDEO') {
           return 'video/*'
         } else {
           return '*'
         }
       }
     },
-    isRequiredFn(){
-      return function(field) {
-        return this.relationSet(field,'requiredDependentFieldId')
+    isRequiredFn () {
+      return function (field) {
+        return this.relationSet(field, 'requiredDependentFieldId')
       }
     },
-    optionsLists() {
+    optionsLists () {
       return function (field) {
         let options = {}
         let newOptions = {}
         let flag = false;
-        if (!field.formField.extInfo){
+        if (!field.formField.extInfo) {
           newOptions[field.fieldId] = []
         }
         else {
-          if (field.formField.extInfo.dependent&&JSON.stringify(field.formField.extInfo.dependent)!=='{}'){
-            for (let k in field.formField.extInfo.dependent){
-              if (Array.isArray(this.fieldValue[k]) && Array.isArray(this.fieldValue[k][0])){
-                this.fieldValue[k].forEach(item=>{
-                  field.formField.extInfo.dependent[k].filterStruct.forEach(filter=>{
-                    if (Array.isArray(item)){
-                      if (filter.input === item[item.length - 1]){
-                        if (!options[field.fieldId]){
+          if (field.formField.extInfo.dependent && JSON.stringify(field.formField.extInfo.dependent) !== '{}') {
+            for (let k in field.formField.extInfo.dependent) {
+              if (Array.isArray(this.fieldValue[k]) && Array.isArray(this.fieldValue[k][0])) {
+                this.fieldValue[k].forEach(item => {
+                  field.formField.extInfo.dependent[k].filterStruct.forEach(filter => {
+                    if (Array.isArray(item)) {
+                      if (filter.input === item[item.length - 1]) {
+                        if (!options[field.fieldId]) {
                           options[field.fieldId] = []
                         }
                         options[field.fieldId] = options[field.fieldId].concat(filter.output)
                         flag = true
                       }
                     } else {
-                      if (filter.input === item){
-                        if (!options[field.fieldId]){
+                      if (filter.input === item) {
+                        if (!options[field.fieldId]) {
                           options[field.fieldId] = []
                         }
                         options[field.fieldId] = options[field.fieldId].concat(filter.output)
@@ -1118,8 +964,8 @@ export default {
                 })
               }
               else {
-                field.formField.extInfo.dependent[k].filterStruct.forEach(filter=>{
-                  if (this.fieldValue[k] && (filter.input === this.fieldValue[k] || this.fieldValue[k][this.fieldValue[k].length - 1] == filter.input)){
+                field.formField.extInfo.dependent[k].filterStruct.forEach(filter => {
+                  if (this.fieldValue[k] && (filter.input === this.fieldValue[k] || this.fieldValue[k][this.fieldValue[k].length - 1] == filter.input)) {
                     options[field.fieldId] = filter.output;
                     flag = true
                   }
@@ -1127,22 +973,22 @@ export default {
               }
             }
           }
-          if (field.formField.extInfo.selfDependent && JSON.stringify(field.formField.extInfo.selfDependent)!=='{}'){
-            if (flag){
-              for (let k in field.formField.extInfo.selfDependent){
-                if (Array.isArray(this.fieldValue[k]) && Array.isArray(this.fieldValue[k][0])){
-                  this.fieldValue[k].forEach(item=>{
-                    field.formField.extInfo.selfDependent[k].filterStruct.forEach(filter=>{
-                      if (Array.isArray(item)){
-                        if (filter.input === item[item.length - 1]){
-                          if (!options[field.fieldId]){
+          if (field.formField.extInfo.selfDependent && JSON.stringify(field.formField.extInfo.selfDependent) !== '{}') {
+            if (flag) {
+              for (let k in field.formField.extInfo.selfDependent) {
+                if (Array.isArray(this.fieldValue[k]) && Array.isArray(this.fieldValue[k][0])) {
+                  this.fieldValue[k].forEach(item => {
+                    field.formField.extInfo.selfDependent[k].filterStruct.forEach(filter => {
+                      if (Array.isArray(item)) {
+                        if (filter.input === item[item.length - 1]) {
+                          if (!options[field.fieldId]) {
                             options[field.fieldId] = []
                           }
                           options[field.fieldId] = options[field.fieldId].concat(filter.output)
                         }
                       } else {
-                        if (filter.input === item){
-                          if (!options[field.fieldId]){
+                        if (filter.input === item) {
+                          if (!options[field.fieldId]) {
                             options[field.fieldId] = []
                           }
                           options[field.fieldId] = options[field.fieldId].concat(filter.output)
@@ -1152,8 +998,8 @@ export default {
                   })
                 }
                 else {
-                  field.formField.extInfo.selfDependent[k].filterStruct.forEach(filter=>{
-                    if (this.fieldValue[k] && (filter.input === this.fieldValue[k] || this.fieldValue[k][this.fieldValue[k].length - 1] == filter.input)){
+                  field.formField.extInfo.selfDependent[k].filterStruct.forEach(filter => {
+                    if (this.fieldValue[k] && (filter.input === this.fieldValue[k] || this.fieldValue[k][this.fieldValue[k].length - 1] == filter.input)) {
                       options[field.fieldId] = options[field.fieldId].concat(filter.output);
                     }
                   })
@@ -1161,15 +1007,15 @@ export default {
               }
             }
             else {
-              for (let k in field.formField.extInfo.selfDependent){
-                if (!this.fieldValue[k]){
+              for (let k in field.formField.extInfo.selfDependent) {
+                if (!this.fieldValue[k]) {
                   options[field.fieldId] = field.formField.extInfo.options
                 }
-                else if (Array.isArray(this.fieldValue[k])){
-                  this.fieldValue[k].forEach(item=>{
-                    field.formField.extInfo.selfDependent[k].filterStruct.forEach(filter=>{
-                      if (filter.input === item){
-                        if (!options[field.fieldId]){
+                else if (Array.isArray(this.fieldValue[k])) {
+                  this.fieldValue[k].forEach(item => {
+                    field.formField.extInfo.selfDependent[k].filterStruct.forEach(filter => {
+                      if (filter.input === item) {
+                        if (!options[field.fieldId]) {
                           options[field.fieldId] = []
                         }
                         options[field.fieldId] = options[field.fieldId].concat(filter.output)
@@ -1178,8 +1024,8 @@ export default {
                   })
                 }
                 else {
-                  field.formField.extInfo.selfDependent[k].filterStruct.forEach(filter=>{
-                    if (filter.input === this.fieldValue[k]){
+                  field.formField.extInfo.selfDependent[k].filterStruct.forEach(filter => {
+                    if (filter.input === this.fieldValue[k]) {
                       options[field.fieldId] = filter.output;
                     }
                   })
@@ -1188,7 +1034,7 @@ export default {
             }
 
           }
-          if (!field.formField.extInfo.dependent || (field.formField.extInfo.dependent && !Object.keys(field.formField.extInfo.dependent).length) || (field.formField.extInfo.selfDependent && !Object.keys(field.formField.extInfo.selfDependent).length)){
+          if (!field.formField.extInfo.dependent || (field.formField.extInfo.dependent && !Object.keys(field.formField.extInfo.dependent).length) || (field.formField.extInfo.selfDependent && !Object.keys(field.formField.extInfo.selfDependent).length)) {
             options[field.fieldId] = field.formField.extInfo.options ? field.formField.extInfo.options : (field.formField.extInfo.option ? field.formField.extInfo.option : [])
           }
         }
@@ -1197,14 +1043,15 @@ export default {
       }
     },
   },
-  components:{
+  components: {
     myPopup,
     Tree,
     selectPopup,
-    fileListView
+    fileListView,
+    MyEditor
   },
-  mounted() {
-    
+  mounted () {
+
     // if (this.formList.form.formFieldRelation && this.formList.form.formFieldRelation.length > 0) {
     //     this.formList.form.formFieldRelation.forEach(item => {
     //       if (item.formField.type === "TIME_PICKER") {
@@ -1220,43 +1067,43 @@ export default {
     //       }
     //     })
     // }
-    if (this.mainId == '8b9bd566e3e64156ab764b19defc9d48' || this.mainId == '0b73521f96e4486aaf6be42932bd7b07'){
-      this.ckeditor.editorConfig.toolbar = []
-    }
-    if (this.mainId == '90df4764122240de939331d372546c28'){
+    // if (this.mainId == '8b9bd566e3e64156ab764b19defc9d48' || this.mainId == '0b73521f96e4486aaf6be42932bd7b07'){
+    //   this.ckeditor.editorConfig.toolbar = []
+
+    // }
+    this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
+    if (this.mainId == '90df4764122240de939331d372546c28') {
       this.isBaiLi = true;
     }
     this.isMobile()
     /* 取值extInfo值的时候需要注意，extInfo有可能存在null的情况 */
   },
-  beforeCreate() {
+  beforeCreate () {
     // 等待dom渲染完毕之后，再去显示 三级联动。
-    that=this
+    that = this
     this.$nextTick(function () {
       this.pageShow = true;
     })
   },
-  created() {
-    if(this.disable)
-    {
-      this.disableds=true
-    } else
-    {
-      this.disableds=false
+  created () {
+    if (this.disable) {
+      this.disableds = true
+    } else {
+      this.disableds = false
     }
     this.submitValue = this.submit ? '已提交' : "提交"
   },
-  beforeMount() {
+  beforeMount () {
     that.defaultClick()
   },
   methods: {
-    showSelectText(option, itemValue){
+    showSelectText (option, itemValue) {
       let text = "";
-      if(Array.isArray(itemValue)){
+      if (Array.isArray(itemValue)) {
         itemValue.forEach((cell, cellIndex) => {
           option.forEach(item => {
-            if(item.value == cell) {
-              if(cellIndex !== 0){
+            if (item.value == cell) {
+              if (cellIndex !== 0) {
                 text = text + ',' + item.label;
               } else {
                 text = item.label;
@@ -1264,91 +1111,91 @@ export default {
             }
           })
         })
-       
+
       } else {
         option.forEach(item => {
-          if(item.value == itemValue) {
+          if (item.value == itemValue) {
             text = item.label;
           }
         })
       }
       return text;
     },
-    listenField(){
+    listenField () {
       clearTimeout(this.listenTimer);
       this.listenTimer = null;
       this.listenTimer = setTimeout(() => {
-        this.$emit('listenField',this.formList.formActionId);
-      },500)
+        this.$emit('listenField', this.formList.formActionId);
+      }, 500)
     },
-    setFileDefault(option){
-      if (this.formShow.form.formFieldRelation){
-        this.formShow.form.formFieldRelation.forEach(item=>{
+    setFileDefault (option) {
+      if (this.formShow.form.formFieldRelation) {
+        this.formShow.form.formFieldRelation.forEach(item => {
           for (const key in option.setDefaultFieldId) {
-            if (item.fieldId === key && item.relationDisplay){
-              if (option.setDefaultFieldId[key].fieldValue){
-                if (item.fieldId === 'workorder_description'){
+            if (item.fieldId === key && item.relationDisplay) {
+              if (option.setDefaultFieldId[key].fieldValue) {
+                if (item.fieldId === 'workorder_description') {
                   this.workOrderDestail.value = option.setDefaultFieldId[key].fieldValue
                 } else {
                   let val = option.setDefaultFieldId[key].fieldValue
-                  this.$set(item,'value',val)
-                  if(option.setDefaultFieldId[key].extInfoFieldValue) {
-                    this.$set(this.extInfoFieldValue,key,option.setDefaultFieldId[key].extInfoFieldValue)
+                  this.$set(item, 'value', val)
+                  if (option.setDefaultFieldId[key].extInfoFieldValue) {
+                    this.$set(this.extInfoFieldValue, key, option.setDefaultFieldId[key].extInfoFieldValue)
                   }
-                  else if (!option.setDefaultFieldId[key].extInfoFieldValue){
-                    this.$set(this.extInfoFieldValue,key,val)
+                  else if (!option.setDefaultFieldId[key].extInfoFieldValue) {
+                    this.$set(this.extInfoFieldValue, key, val)
                   }
                 }
 
               }
             }
-            if (item.fieldId === key && !item.relationDisplay){
-              let val = item.formField.type === 'CHECKBOX' ? [] :''
-              this.$set(item,'value',val)
-              this.$set(this.extInfoFieldValue,key,val)
+            if (item.fieldId === key && !item.relationDisplay) {
+              let val = item.formField.type === 'CHECKBOX' ? [] : ''
+              this.$set(item, 'value', val)
+              this.$set(this.extInfoFieldValue, key, val)
             }
           }
         })
       }
 
     },
-    fieldSetting(){
-      this.formShow.form.formFieldRelation.forEach(item=>{
+    fieldSetting () {
+      this.formShow.form.formFieldRelation.forEach(item => {
         let itemType = item.relationDisplay
-        this.$set(item,'relationDisplay',this.relationSet(item.formField,'dependentFieldId'))
-        if (item.relationDisplay && this.fieldValue[item.fieldId] && itemType !== item.relationDisplay){
-          item.value =  JSON.parse(JSON.stringify(this.fieldValue[item.fieldId]));
-          if (item.formField.type === 'CASCADER'){
-            this.extInfoFieldValue[item.fieldId] = item.formField.extInfo.fieldValue?item.formField.extInfo.fieldValue:null
+        this.$set(item, 'relationDisplay', this.relationSet(item.formField, 'dependentFieldId'))
+        if (item.relationDisplay && this.fieldValue[item.fieldId] && itemType !== item.relationDisplay) {
+          item.value = JSON.parse(JSON.stringify(this.fieldValue[item.fieldId]));
+          if (item.formField.type === 'CASCADER' && !item.formField.extInfo.WebHookParameter) {
+            this.extInfoFieldValue[item.fieldId] = item.formField.extInfo.fieldValue ? item.formField.extInfo.fieldValue : null
           }
           else {
             this.extInfoFieldValue[item.fieldId] = this.extInfoFieldValue[item.fieldId];
           }
         }
-        if (!item.relationDisplay){
-          if(item.formField.type === 'CHECKBOX'){
+        if (!item.relationDisplay) {
+          if (item.formField.type === 'CHECKBOX') {
             item.value = []
           }
           else {
             item.value = ""
           }
-          this.$set(this.extInfoFieldValue, item.fieldId , [])
-          this.$set(this.selectValues, item.fieldId , [])
+          this.$set(this.extInfoFieldValue, item.fieldId, [])
+          this.$set(this.selectValues, item.fieldId, [])
           // this.$set(this.extInfoFieldValue, item.fieldId , [])
           // this.extInfoFieldValue[item.fieldId] = []
           // this.selectValues[item.fieldId] = []
           // this.extInfoFieldValue[item.fieldId] = []
-          if (item.formField.extInfo.extInfoFieldValue){
+          if (item.formField.extInfo.extInfoFieldValue) {
             item.formField.extInfo.extInfoFieldValue = ''
-            this.$set(item.formField.extInfo, 'extInfoFieldValue' , '')
+            this.$set(item.formField.extInfo, 'extInfoFieldValue', '')
           }
         }
-        if(this.fieldValue[item.fieldId] && !this.associatedControlsCopy.includes(item.fieldId) && (item.formField.extInfo.selectType == '单选' || item.formField.type == 'RADIO')) {
+        if (this.fieldValue[item.fieldId] && !this.associatedControlsCopy.includes(item.fieldId) && (item.formField.extInfo.selectType == '单选' || item.formField.type == 'RADIO')) {
           let option = null
-          if(item.formField.extInfo.options) {
-            option = item.formField.extInfo.options.find(ele => { return ele.value == this.fieldValue[item.fieldId]})
+          if (item.formField.extInfo.options) {
+            option = item.formField.extInfo.options.find(ele => { return ele.value == this.fieldValue[item.fieldId] })
           } else if (item.formField.extInfo.cascadeDown) {
-            option = this.serchCascaderOption(item.formField.extInfo.cascadeDown.options,item)
+            option = this.serchCascaderOption(item.formField.extInfo.cascadeDown.options, item)
             /*item.formField.extInfo.cascadeDown.options.forEach(ele => {
               if(this.fieldValue[item.fieldId] && this.fieldValue[item.fieldId].length != 0 &&  ele.value == this.fieldValue[item.fieldId][this.fieldValue[item.fieldId].length - 1]) {
                 option = ele
@@ -1367,47 +1214,47 @@ export default {
           } else {
             option = this.extInfoFieldValue[item.fieldId] && this.extInfoFieldValue[item.fieldId][0]
           }
-          console.debug('setFileDefault',option)
-          if(option && option.setDefaultFieldId) {
-            this.setFileDefault(option,item.formField)
+          console.debug('setFileDefault', option)
+          if (option && option.setDefaultFieldId) {
+            this.setFileDefault(option, item.formField)
           }
         }
       })
     },
     // 查找当前节点下与之值符合的字段
-    serchCascaderOption(options, items) {
+    serchCascaderOption (options, items) {
       let opt = null;
       for (let index = 0; index < options.length; index++) {
         const row = options[index];
-        if(this.fieldValue[items.fieldId] &&
-            this.fieldValue[items.fieldId].length != 0 &&
-            row.value == this.fieldValue[items.fieldId][this.fieldValue[items.fieldId].length - 1]
+        if (this.fieldValue[items.fieldId] &&
+          this.fieldValue[items.fieldId].length != 0 &&
+          row.value == this.fieldValue[items.fieldId][this.fieldValue[items.fieldId].length - 1]
         ) {
-          console.debug('opt',row,options[index])
+          console.debug('opt', row, options[index])
           opt = row
         }
-        if(!opt && row.children) {
+        if (!opt && row.children) {
           opt = this.serchCascaderOption(row.children, items)
         }
       }
       return opt
     },
     // 清除当前节点关联的值
-    clearOptionStruct() {
+    clearOptionStruct () {
       // this.fieldValue,this.cascadeDetail.field.id
-      console.log(this.detailField,'this.cascadeDetail',this.fieldValue[this.detailField.fieldId]);
+      console.log(this.detailField, 'this.cascadeDetail', this.fieldValue[this.detailField.fieldId]);
       let options = [];
-      if (this.detailField.formField.extInfo.cascadeDown && this.detailField.formField.extInfo.cascadeDown.options){
+      if (this.detailField.formField.extInfo.cascadeDown && this.detailField.formField.extInfo.cascadeDown.options) {
         options = this.detailField.formField.extInfo.cascadeDown.options
-      } else if (this.detailField.formField.extInfo.cascade){
+      } else if (this.detailField.formField.extInfo.cascade) {
         options = this.detailField.formField.extInfo.cascade
-      } else if (this.detailField.formField.extInfo.cascadeDown && this.detailField.formField.extInfo.cascadeDown[0]){
+      } else if (this.detailField.formField.extInfo.cascadeDown && this.detailField.formField.extInfo.cascadeDown[0]) {
         options = this.detailField.formField.extInfo.cascadeDown[0].options
       }
       let clear = (options, parent) => {
         for (let index = 0; index < options.length; index++) {
           const opt = options[index];
-          if (this.fieldValue[this.detailField.fieldId]){
+          if (this.fieldValue[this.detailField.fieldId]) {
             for (let i = 0; i < this.fieldValue[this.detailField.fieldId].length; i++) {
               const value = this.fieldValue[this.detailField.fieldId][i];
               if (Array.isArray(value)) {
@@ -1435,31 +1282,31 @@ export default {
               }
             }
           }
-          if(opt.children && opt.children.length != 0) {
+          if (opt.children && opt.children.length != 0) {
             clear(opt.children)
           }
         }
       }
       clear(options)
     },
-    changeSelect(field){
-      if ( field.formField.extInfo.selectType !== '多选'){
-        let arr  = field.formField.extInfo.relationControlsId ? JSON.parse(JSON.stringify(field.formField.extInfo.relationControlsId)) : []
+    changeSelect (field) {
+      if (field.formField.extInfo.selectType !== '多选') {
+        let arr = field.formField.extInfo.relationControlsId ? JSON.parse(JSON.stringify(field.formField.extInfo.relationControlsId)) : []
         this.associatedControlsCopy = [...this.associatedControlsCopy, ...arr];
       }
       this.$forceUpdate();
-      this.$set(this.fieldValue,field.fieldId,field.value);
-      this.formShow.form.formFieldRelation.forEach(item=>{
+      this.$set(this.fieldValue, field.fieldId, field.value);
+      this.formShow.form.formFieldRelation.forEach(item => {
         if (item.formField.type === 'CASCADER' ||
-            item.formField.type === 'SELECT' ||
-            item.formField.type === 'RADIO' ||
-            item.formField.type === 'CHECKBOX'){
-          if (item.formField.extInfo && item.formField.extInfo.dependent){
-            for (let k in item.formField.extInfo.dependent){
-              if (k === field.fieldId && field.value !== item.formField.extInfo.dependent[k].input){
+          item.formField.type === 'SELECT' ||
+          item.formField.type === 'RADIO' ||
+          item.formField.type === 'CHECKBOX') {
+          if (item.formField.extInfo && item.formField.extInfo.dependent) {
+            for (let k in item.formField.extInfo.dependent) {
+              if (k === field.fieldId && field.value !== item.formField.extInfo.dependent[k].input) {
                 item.value = item.formField.type === 'CHECKBOX' || item.formField.type === 'CASCADER' ? [] : "";
-                if (this.extInfoFieldValue[item.fieldId]){
-                  this.$set(this.extInfoFieldValue,item.fieldId,[])
+                if (this.extInfoFieldValue[item.fieldId]) {
+                  this.$set(this.extInfoFieldValue, item.fieldId, [])
                 }
               }
             }
@@ -1467,91 +1314,91 @@ export default {
         }
       })
     },
-    selectOptions(field){
+    selectOptions (field) {
       let options = []
-      if (!field.extInfo){
+      if (!field.extInfo) {
         return []
       }
-      if (field.extInfo.option){
+      if (field.extInfo.option) {
         options = field.extInfo.option
       }
-      else if (field.extInfo.options){
+      else if (field.extInfo.options) {
         options = field.extInfo.options
       }
       return options
     },
-    getMoldTime(){
+    getMoldTime () {
       let otherTime = {}
-      this.formList.form && this.formList.form.formFieldRelation.forEach(item=>{
-        if ((item.formField.type==='TIME_PICKER' || item.formField.type==='TIME_PICKER_RANGE') && item.formField.extInfo.mold==='OTHER'){
+      this.formList.form && this.formList.form.formFieldRelation.forEach(item => {
+        if ((item.formField.type === 'TIME_PICKER' || item.formField.type === 'TIME_PICKER_RANGE') && item.formField.extInfo.mold === 'OTHER') {
           let pattern = item.formField.extInfo.pattern
-          let yearVal = pattern.indexOf('YEAR')!==-1
-          let monthVal = pattern.indexOf('MONTH')!==-1
-          let dayVal = pattern.indexOf('DAY')!==-1
-          let hourVal = pattern.indexOf('HOUR')!==-1
-          let minuteVal = pattern.indexOf('MINUTE')!==-1
-          let secondVal = pattern.indexOf('SECOND')!==-1
-          if ((yearVal||monthVal||dayVal)&&(!hourVal&&!minuteVal&&!secondVal)){
-            otherTime[item.fieldId]='DATE'
+          let yearVal = pattern.indexOf('YEAR') !== -1
+          let monthVal = pattern.indexOf('MONTH') !== -1
+          let dayVal = pattern.indexOf('DAY') !== -1
+          let hourVal = pattern.indexOf('HOUR') !== -1
+          let minuteVal = pattern.indexOf('MINUTE') !== -1
+          let secondVal = pattern.indexOf('SECOND') !== -1
+          if ((yearVal || monthVal || dayVal) && (!hourVal && !minuteVal && !secondVal)) {
+            otherTime[item.fieldId] = 'DATE'
           }
-          else if ((yearVal||monthVal||dayVal)&&(hourVal||minuteVal||secondVal)){
-            otherTime[item.fieldId]='DATE_TIME'
+          else if ((yearVal || monthVal || dayVal) && (hourVal || minuteVal || secondVal)) {
+            otherTime[item.fieldId] = 'DATE_TIME'
           }
-          else if ((hourVal||minuteVal||secondVal)&&(!yearVal&&!monthVal&&!dayVal)){
-            otherTime[item.fieldId]='TIME'
+          else if ((hourVal || minuteVal || secondVal) && (!yearVal && !monthVal && !dayVal)) {
+            otherTime[item.fieldId] = 'TIME'
           }
         }
       })
       return otherTime
     },
-    setOptions(extInfo){
+    setOptions (extInfo) {
       let options = []
-      console.debug('cascadeDown',extInfo)
-      if (extInfo.cascadeDown && extInfo.cascadeDown.options){
+      console.debug('cascadeDown', extInfo)
+      if (extInfo.cascadeDown && extInfo.cascadeDown.options) {
         options = extInfo.cascadeDown.options
         return options
-      } else if (extInfo.cascade){
+      } else if (extInfo.cascade) {
         options = extInfo.cascade
-      } else if (extInfo.cascadeDown && extInfo.cascadeDown[0]){
+      } else if (extInfo.cascadeDown && extInfo.cascadeDown[0]) {
         options = extInfo.cascadeDown[0].options
       }
-      return  options
+      return options
     },
-    onReady(){
+    onReady () {
 
 
     },
-    beforeRead(file,type){
-      console.debug('file',file)
-      console.debug('fileType',!Array.isArray(file))
-      if (!Array.isArray(file)){
-        if (type === 'IMAGE' || type === 'FILE'){
+    beforeRead (file, type) {
+      console.debug('file', file)
+      console.debug('fileType', !Array.isArray(file))
+      if (!Array.isArray(file)) {
+        if (type === 'IMAGE' || type === 'FILE') {
           const isLte2M = file.size / 1024 / 1024 <= 8;
-          const isSupportedFormat = file.type.indexOf('image')!==-1
-          if (!isSupportedFormat){
+          const isSupportedFormat = file.type.indexOf('image') !== -1
+          if (!isSupportedFormat) {
             this.$message.error("只能上传图片格式");
             return false
           }
-          if (!isLte2M&&isSupportedFormat) {
+          if (!isLte2M && isSupportedFormat) {
             this.$message.error("上传图片大小不能超过 8MB!");
             return false
           }
           return true
         }
-        else if (type === 'VIDEO'){
+        else if (type === 'VIDEO') {
           const isLte2M = file.size / 1024 / 1024 <= 100;
-          const isSupportedFormat =file.type.indexOf('video')!==-1
-          if (!isSupportedFormat){
+          const isSupportedFormat = file.type.indexOf('video') !== -1
+          if (!isSupportedFormat) {
             this.$message.error("只能上传视频格式");
             return false
           }
-          if (!isLte2M&&isSupportedFormat) {
+          if (!isLte2M && isSupportedFormat) {
             this.$message.error("上传视频大小不能超过100MB!");
             return false
           }
           return true
         }
-        else if (type === 'ATTACHMENT'){
+        else if (type === 'ATTACHMENT') {
           const isLte2M = file.size / 1024 / 1024 <= 100;
           if (!isLte2M) {
             this.$message.error("上传附件大小不能超过100MB!");
@@ -1560,40 +1407,40 @@ export default {
           return true
         }
       }
-      else{
+      else {
         let length = 0
-        if (this.extInfoFieldValue[this.filedId]){
+        if (this.extInfoFieldValue[this.filedId]) {
           length = this.extInfoFieldValue[this.filedId].length
         }
-        if (file.length<=this.limitNum-length){
-          for (let i=0;i<file.length;i++){
-            if (type === 'IMAGE' || type === 'FILE'){
+        if (file.length <= this.limitNum - length) {
+          for (let i = 0; i < file.length; i++) {
+            if (type === 'IMAGE' || type === 'FILE') {
               const isLte2M = file[i].size / 1024 / 1024 <= 8;
-              const isSupportedFormat =file[i].type.indexOf('image')!==-1
-              if (!isSupportedFormat){
+              const isSupportedFormat = file[i].type.indexOf('image') !== -1
+              if (!isSupportedFormat) {
                 this.$message.error("只能上传图片格式");
                 return false
               }
-              if (!isLte2M&&isSupportedFormat) {
+              if (!isLte2M && isSupportedFormat) {
                 this.$message.error("上传图片大小不能超过 8MB!");
                 return false
               }
               return true
             }
-            else if (type === 'VIDEO'){
+            else if (type === 'VIDEO') {
               const isLte2M = file[i].size / 1024 / 1024 <= 100;
-              const isSupportedFormat =file[i].type.indexOf('video')!==-1
-              if (!isSupportedFormat){
+              const isSupportedFormat = file[i].type.indexOf('video') !== -1
+              if (!isSupportedFormat) {
                 this.$message.error("只能上传视频格式");
                 return false
               }
-              if (!isLte2M&&isSupportedFormat) {
+              if (!isLte2M && isSupportedFormat) {
                 this.$message.error("上传视频大小不能超过100MB!");
                 return false
               }
               return true
             }
-            else if (type === 'ATTACHMENT'){
+            else if (type === 'ATTACHMENT') {
               const isLte2M = file[i].size / 1024 / 1024 <= 100;
               if (!isLte2M) {
                 this.$message.error("上传附件大小不能超过100MB!");
@@ -1605,10 +1452,10 @@ export default {
         }
         else {
           let num = 1
-          if (this.limitNum){
+          if (this.limitNum) {
             num = this.limitNum
           }
-          let messageText = '仅支持上传'+num+'个'
+          let messageText = '仅支持上传' + num + '个'
           this.$message.error(messageText);
           return false
         }
@@ -1617,66 +1464,62 @@ export default {
 
     },
     //文件上传至服务器
-    afterRead(file){
-      this.fileUpload=true
+    afterRead (file) {
+      this.fileUpload = true
       console.debug(file)
       console.debug(!Array.isArray(file))
-      if (!Array.isArray(file)){
-        this.uploadImgFun(file.content,file.file.name,file,file.file);
+      if (!Array.isArray(file)) {
+        this.uploadImgFun(file.content, file.file.name, file, file.file);
       }
       else {
         let num = 1
-        if (this.limitNum){
+        if (this.limitNum) {
           num = this.limitNum
         }
-        if (file.length >num){
-          this.$message.warning('仅支持上传'+num+'张图片')
+        if (file.length > num) {
+          this.$message.warning('仅支持上传' + num + '张图片')
           return false
         }
         else {
-          for (let i = 0; i < file.length; i++){
-            this.uploadImgFun(file[i].content,file[i].file.name,file[i],file[i].file);
+          for (let i = 0; i < file.length; i++) {
+            this.uploadImgFun(file[i].content, file[i].file.name, file[i], file[i].file);
           }
         }
       }
     },
-    uploadImgFun(content,name,fileCon,file){
+    uploadImgFun (content, name, fileCon, file) {
       console.log(fileCon)
       let imageData = {
-        urls:[]
+        urls: []
       }
       let imageInfo = {
-        name:"",
-        status:'',
-        url:''
-      }
-      // let res = multipartUpload(
-      //         this.ossConfig,
-      //         file,
-      //         null,
-      //         imageInfo
-      // );
-      let resp = putObject(file);
-      resp.then((res) => {
+        name: "",
+        status: '',
+        url: ''
+      }
+      let res = multipartUpload(
+        file,
+        null,
+        imageInfo
+      );
+      res.then((res) => {
         console.log("upload result:", res);
         // let filePath = res.name;
-        let obj = {
-          name:file.name,
-          url:res.url,
-          status:'success'
-        }
-        imageData.urls.push(obj)
-        // imageInfo.url = ossFileUrl(this.ossConfig, res.name)
-        imageInfo.url = res.url;
-        imageInfo.status='success'
-        imageInfo.name=file.name
-        for (let j=0;j<this.extInfoFieldValue[this.filedId].length;j++){
-          if (this.extInfoFieldValue[this.filedId][j].content && this.extInfoFieldValue[this.filedId][j].content === content){
-            this.$set(this.extInfoFieldValue[this.filedId],j,imageInfo)
+        imageData.urls.push({
+          name: file.name,
+          url: ossFileUrl(res.name),
+          status: 'success'
+        })
+        imageInfo.url = ossFileUrl(res.name)
+        imageInfo.status = 'success'
+        imageInfo.name = file.name
+        for (let j = 0; j < this.extInfoFieldValue[this.filedId].length; j++) {
+          if (this.extInfoFieldValue[this.filedId][j].content && this.extInfoFieldValue[this.filedId][j].content === content) {
+            this.$set(this.extInfoFieldValue[this.filedId], j, imageInfo)
             delete this.extInfoFieldValue[this.filedId][j].content
           }
         }
-        this.fileUpload=false
+        this.fileUpload = false
       }).catch((err) => {
         console.debug("upload err", err);
       });
@@ -1695,62 +1538,29 @@ export default {
       return new File([u8arr], filename, { type: mime });
     },
     //初始化默认值
-    defaultClick() {
+    defaultClick () {
       let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);
-      for (let i = 0; i < this.formList.form.formFieldRelation.length; i++){
+      for (let i = 0; i < this.formList.form.formFieldRelation.length; i++) {
         let type = this.formList.form.formFieldRelation[i].formField.type
         let extInfo = this.formList.form.formFieldRelation[i].formField.extInfo
-        if(type ==='SELECT' || type === 'CHECKBOX' || type === 'RADIO' || type === 'OPTION') {
-          if(extInfo && !extInfo.option){
-            if(extInfo.exinfo){
-              for (let j=0; j < extInfo.exinfo.length; j++){
-                  this.$set(extInfo.exinfo[j],'label',extInfo.exinfo[j].value)
-              }
-              this.$set(extInfo,'option',extInfo.exinfo)
-            }
-            if (extInfo.option){
-              if (type === 'RADIO') {
-                for (let j = 0; j < extInfo.option.length; j++) {
-                  if(!extInfo.option[j].value) {
-                    extInfo.option[j].value=extInfo.option[j].label
-                  }
-                }
-                if(!this.formList.form.formFieldRelation[i].value){
-                  for (let j = 0; j < extInfo.option.length; j++) {
-                    if (extInfo.option[j]._default === 'true') {
-                      this.formList.form.formFieldRelation[i].value = extInfo.option[j].value
-                    }
-                  }
-                }
-              }
-              if (type === 'CHECKBOX') {
-                for (let j = 0; j < extInfo.option.length; j++) {
-                  if (!extInfo.option[j].value) {
-                    extInfo.option[j].value = extInfo.option[j].label
-                  }
-                }
-                if (!this.formList.form.formFieldRelation[i].value || this.formList.form.formFieldRelation[i].value.length === 0){
-                  this.formList.form.formFieldRelation[i].value = []
-                  for (let j = 0; j < extInfo.option.length; j++) {
-                    if (extInfo.option[j]._default === 'true') {
-                      this.formList.form.formFieldRelation[i].value[0] = extInfo.option[j].value
-                    }
-                  }
-                }
+        if (type === 'SELECT' || type === 'CHECKBOX' || type === 'RADIO' || type === 'OPTION') {
+          if (extInfo && !extInfo.option) {
+            if (extInfo.exinfo) {
+              for (let j = 0; j < extInfo.exinfo.length; j++) {
+                this.$set(extInfo.exinfo[j], 'label', extInfo.exinfo[j].value)
               }
+              this.$set(extInfo, 'option', extInfo.exinfo)
             }
           }
           else {
             if (extInfo && extInfo.options) {
               if (type === 'RADIO') {
                 for (let j = 0; j < extInfo.options.length; j++) {
-                  if(!extInfo.options[j].value)
-                  {
-                    extInfo.options[j].value=extInfo.options[j].label
+                  if (!extInfo.options[j].value) {
+                    extInfo.options[j].value = extInfo.options[j].label
                   }
                 }
-                if(!this.formList.form.formFieldRelation[i].value)
-                {
+                if (!this.formList.form.formFieldRelation[i].value) {
                   for (let j = 0; j < extInfo.option.length; j++) {
                     if (extInfo.options[j]._default === 'true') {
                       this.formList.form.formFieldRelation[i].value = extInfo.options[j].value
@@ -1765,9 +1575,8 @@ export default {
                   }
                 }
 
-                if (!this.formList.form.formFieldRelation[i].value ||this.formList.form.formFieldRelation[i].value.length === 0)
-                {
-                  this.formList.form.formFieldRelation[i].value=[]
+                if (!this.formList.form.formFieldRelation[i].value || this.formList.form.formFieldRelation[i].value.length === 0) {
+                  this.formList.form.formFieldRelation[i].value = []
                   for (let j = 0; j < extInfo.options.length; j++) {
                     if (extInfo.options[j]._default === 'true') {
                       this.formList.form.formFieldRelation[i].value[0] = extInfo.options[j].value
@@ -1778,55 +1587,55 @@ export default {
             }
           }
           let options = [];
-          if (extInfo){
-            options = extInfo.option?extInfo.option:extInfo.options;
-            options.forEach(opt=>{
-              if (!opt.value){
+          if (extInfo) {
+            options = extInfo.option ? extInfo.option : extInfo.options;
+            options.forEach(opt => {
+              if (!opt.value) {
                 opt.value = opt.label
               }
             })
           }
         }
-        if (type ==='FILE' || type == 'ATTACHMENT' || type == 'IMAGE' || type == 'VIDEO'){
-          if (this.formList.form.formFieldRelation[i].value){
-            if (this.formList.form.formFieldRelation[i].value===null||this.formList.form.formFieldRelation[i].value===''){
-              this.formList.form.formFieldRelation[i].value=[]
+        if (type === 'FILE' || type == 'ATTACHMENT' || type == 'IMAGE' || type == 'VIDEO') {
+          if (this.formList.form.formFieldRelation[i].value) {
+            if (this.formList.form.formFieldRelation[i].value === null || this.formList.form.formFieldRelation[i].value === '') {
+              this.formList.form.formFieldRelation[i].value = []
             }
             else {
-              let valueList=[]
-              let bool=false
+              let valueList = []
+              let bool = false
 
-              if (!Array.isArray(this.formList.form.formFieldRelation[i].value)){
+              if (!Array.isArray(this.formList.form.formFieldRelation[i].value)) {
                 let obj = {
-                  url:this.formList.form.formFieldRelation[i].value
+                  url: this.formList.form.formFieldRelation[i].value
                 }
                 this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = [obj]
               }
-              else if(this.formList.form.formFieldRelation[i].value.length > 0) {
-                  for (let file=0;file<this.formList.form.formFieldRelation[i].value.length;file++) {
-                    let type = typeof (this.formList.form.formFieldRelation[i].value[file])
-                    if (type === "string") {
-                      bool = true
-                      valueList[file] = {}
-                      valueList[file].url = this.formList.form.formFieldRelation[i].value[file]
-                    }
-                    if (type === 'object'&&JSON.stringify(this.formList.form.formFieldRelation[i].value[file])!=='{}') {
-                      this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId]=this.formList.form.formFieldRelation[i].value
-                    }
-                    else {
-                      this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId]=[]
-                    }
+              else if (this.formList.form.formFieldRelation[i].value.length > 0) {
+                for (let file = 0; file < this.formList.form.formFieldRelation[i].value.length; file++) {
+                  let type = typeof (this.formList.form.formFieldRelation[i].value[file])
+                  if (type === "string") {
+                    bool = true
+                    valueList[file] = {}
+                    valueList[file].url = this.formList.form.formFieldRelation[i].value[file]
                   }
-                  if (bool){
-                    this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId]=valueList
+                  if (type === 'object' && JSON.stringify(this.formList.form.formFieldRelation[i].value[file]) !== '{}') {
+                    this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = this.formList.form.formFieldRelation[i].value
                   }
+                  else {
+                    this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = []
+                  }
+                }
+                if (bool) {
+                  this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = valueList
+                }
               }
             }
           }
         }
-        if (type === 'REF' || type === 'REF_TEMPLATE'){
-          if (this.formList.form.formFieldRelation[i].formField.extInfo.extInfoFieldValue){
-            let name = this.formList.form.formFieldRelation[i].formField.extInfo.extInfoFieldValue.map(item=>{
+        if (type === 'REF' || type === 'REF_TEMPLATE') {
+          if (this.formList.form.formFieldRelation[i].formField.extInfo.extInfoFieldValue) {
+            let name = this.formList.form.formFieldRelation[i].formField.extInfo.extInfoFieldValue.map(item => {
               return item.name
             })
             this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = name
@@ -1834,8 +1643,8 @@ export default {
         }
         /*如何工单描述中只有一个链接地址，则将链接地址替换成图片*/
         if (this.formList.form.formFieldRelation[i].fieldId === 'workorder_description' &&
-            this.formList.form.formFieldRelation[i].value.search(/<img /i) < 0 &&
-            this.formList.form.formFieldRelation[i].value.indexOf('https://guoranopen-zjk')!==-1){
+          this.formList.form.formFieldRelation[i].value.search(/<img /i) < 0 &&
+          this.formList.form.formFieldRelation[i].value.indexOf('https://guoranopen-zjk') !== -1) {
           let value = this.formList.form.formFieldRelation[i].value
           this.formList.form.formFieldRelation[i].value = ""
           let blob = null
@@ -1847,9 +1656,9 @@ export default {
           xhr.onload = (res) => {
             // 获取返回结果
             blob = xhr.response
-            file = new File([blob],'图片')
+            file = new File([blob], '图片')
             let obj = {
-              file:[file]
+              file: [file]
             }
             this.currentEditor.commands.get("imageUpload").execute(obj)
           }
@@ -1860,30 +1669,35 @@ export default {
         let type = this.formList.form.formFieldRelation[i].formField.type
         let extInfo = this.formList.form.formFieldRelation[i].formField.extInfo
         if (type === 'CASCADER') {
-          let fieldValue = this.formList.form.formFieldRelation[i].formField.extInfo.fieldValue ?
-              this.formList.form.formFieldRelation[i].formField.extInfo.fieldValue :[]
-          if (!this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId]){
-            this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = fieldValue
-          }
+          // let fieldValue = this.formList.form.formFieldRelation[i].formField.extInfo.fieldValue ?
+          //   this.formList.form.formFieldRelation[i].formField.extInfo.fieldValue : []
+          // if (!this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId]) {
+          //   this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = fieldValue
+          //   console.log(this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId], 'this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId]');
+          // }
+          let cascadeOptions = extInfo.WebHookParameter ? extInfo.cascade : extInfo.cascadeDown.options
+          this.$set(this.extInfoFieldValue, this.formList.form.formFieldRelation[i].fieldId, [])
+          this.loopCascaderSetDefalut(cascadeOptions, this.formList.form.formFieldRelation[i], extInfo.selectType)
+          this.loopCascaderSetValue(cascadeOptions, this.formList.form.formFieldRelation[i], extInfo.selectType)
+        
         }
         if (type === 'DATE_PICKER') {
-          if(this.formList.form.formFieldRelation[i].value && this.formList.form.formFieldRelation[i].value!==null && this.formList.form.formFieldRelation[i].value!=='' ) {
-            this.dateValue[this.formList.form.formFieldRelation[i].fieldId]=this.formatDate(this.formList.form.formFieldRelation[i].value)
+          if (this.formList.form.formFieldRelation[i].value && this.formList.form.formFieldRelation[i].value !== null && this.formList.form.formFieldRelation[i].value !== '') {
+            this.dateValue[this.formList.form.formFieldRelation[i].fieldId] = this.formatDate(this.formList.form.formFieldRelation[i].value)
           }
         }
         if (type === 'TIME_PICKER') {
-          if(this.formList.form.formFieldRelation[i].value && this.formList.form.formFieldRelation[i].value!==''&& this.formList.form.formFieldRelation[i].value!==null)
-          {
+          if (this.formList.form.formFieldRelation[i].value && this.formList.form.formFieldRelation[i].value !== '' && this.formList.form.formFieldRelation[i].value !== null) {
             // 判断是否是时间戳 时间戳为字符串转换为Number
             var regex = /^\d{13}$/;
-            if (regex.test(this.formList.form.formFieldRelation[i].value)){
+            if (regex.test(this.formList.form.formFieldRelation[i].value)) {
               this.formList.form.formFieldRelation[i].value = Number(this.formList.form.formFieldRelation[i].value)
             }
             const dateTime = new Date(this.formList.form.formFieldRelation[i].value);
             if (!this.formList.form.formFieldRelation[i].formField.extInfo.mold ||
-                this.formList.form.formFieldRelation[i].formField.extInfo.mold == 'TIME' ||
-                this.getMoldTime(this.formList.form.formFieldRelation[i].formField.formField) == 'TIME'){
-              if (!flag){
+              this.formList.form.formFieldRelation[i].formField.extInfo.mold == 'TIME' ||
+              this.getMoldTime(this.formList.form.formFieldRelation[i].formField.formField) == 'TIME') {
+              if (!flag) {
                 if (this.formList.form.formFieldRelation[i].value.length === 5 && this.formList.form.formFieldRelation[i].value.split(":").length === 2) {
                   this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = this.formList.form.formFieldRelation[i].value;
                   this.formList.form.formFieldRelation[i].value = new Date().getFullYear() + "-" + (new Date().getMonth() + 1) + "-" + new Date().getDate() + " " + this.formList.form.formFieldRelation[i].value + ":00";
@@ -1892,14 +1706,14 @@ export default {
                   this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = this.formList.form.formFieldRelation[i].value;
                   this.formList.form.formFieldRelation[i].value = new Date().getFullYear() + "-" + (new Date().getMonth() + 1) + "-" + new Date().getDate() + " " + this.formList.form.formFieldRelation[i].value;
                 } else {
-                  if (regex.test(this.formList.form.formFieldRelation[i].value)){
+                  if (regex.test(this.formList.form.formFieldRelation[i].value)) {
                     this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = dateTime
                   } else {
                     this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = this.formList.form.formFieldRelation[i].value
                   }
                 }
               } else {
-                if (regex.test(this.formList.form.formFieldRelation[i].value)){
+                if (regex.test(this.formList.form.formFieldRelation[i].value)) {
                   this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = dateTime.Format('hh:mm')
                 } else {
                   this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = this.formList.form.formFieldRelation[i].value
@@ -1907,25 +1721,25 @@ export default {
               }
             }
             else if (this.formList.form.formFieldRelation[i].formField.extInfo.mold == 'DATA_TIME' ||
-                this.formList.form.formFieldRelation[i].formField.extInfo.mold == 'DATE_TIME' ||
-                this.getMoldTime(this.formList.form.formFieldRelation[i].formField.formField) == 'DATE_TIME'){
+              this.formList.form.formFieldRelation[i].formField.extInfo.mold == 'DATE_TIME' ||
+              this.getMoldTime(this.formList.form.formFieldRelation[i].formField.formField) == 'DATE_TIME') {
               this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = dateTime.Format('yyyy-MM-dd hh:mm')
             }
             else if (this.formList.form.formFieldRelation[i].formField.extInfo.mold == 'DATA' ||
-                this.formList.form.formFieldRelation[i].formField.extInfo.mold == 'DATE' ||
-                this.getMoldTime(this.formList.form.formFieldRelation[i].formField.formField) == 'DATE'){
+              this.formList.form.formFieldRelation[i].formField.extInfo.mold == 'DATE' ||
+              this.getMoldTime(this.formList.form.formFieldRelation[i].formField.formField) == 'DATE') {
               this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = dateTime.Format('yyyy-MM-dd')
             }
           }
         }
         if (type === 'SELECT' || type === 'OPTION') {
-          if (extInfo && extInfo.option){
+          if (extInfo && extInfo.option) {
             for (let j = 0; j < extInfo.option.length; j++) {
               if (extInfo.option[j].value === '') {
                 extInfo.option[j].value = extInfo.option[j].label
               }
             }
-            if(this.formList.form.formFieldRelation[i].value) {
+            if (this.formList.form.formFieldRelation[i].value) {
               for (let j = 0; j < extInfo.option.length; j++) {
                 if (this.formList.form.formFieldRelation[i].value === extInfo.option[j].value) {
                   this.selectValues[this.formList.form.formFieldRelation[i].fieldId] = extInfo.option[j].label
@@ -1933,51 +1747,76 @@ export default {
               }
             } else {
               for (let j = 0; j < extInfo.option.length; j++) {
-                if (extInfo.option[j]._default === 'true') {
-                  this.selectValues[this.formList.form.formFieldRelation[i].fieldId] = extInfo.option[j].label
-                  this.formList.form.formFieldRelation[i].value=extInfo.option[j].value
-                }
-              }
-            }
-          } else {
-            if(extInfo && extInfo.option) {
-              for (let j = 0; j < extInfo.options.length; j++) {
-                if (extInfo.options[j].value === '') {
-                  extInfo.options[j].value = extInfo.options[j].label
-                }
-              }
-            }
-            if(this.formList.form.formFieldRelation[i].value && extInfo && extInfo.option) {
-              for (let j=0;j<extInfo.options.length;j++) {
-                if (this.formList.form.formFieldRelation[i].value === extInfo.options[j].value) {
-                  this.selectValues[this.formList.form.formFieldRelation[i].fieldId] =extInfo.options[j].label
-                }
-              }
-            } else {
-              if(extInfo && extInfo.option) {
-                for (let j = 0; j < extInfo.options.length; j++) {
-                  if (extInfo.options[j]._default === 'true') {
-                    this.selectValues[this.formList.form.formFieldRelation[i].fieldId] = extInfo.options[j].label
-                    this.formList.form.formFieldRelation[i].value=extInfo.options[j].value
+                if (extInfo.option[j]._default === 'true' || extInfo.option[j].checked) {
+                  // 新老数据兼容，webhook 表单字段部分，旧数据中没有定义单选多选，如果设置了默认值，并且 selectType 不是多选 都记为单选
+                  if(extInfo.selectType == '多选') {
+                    if(!this.selectValues[this.formList.form.formFieldRelation[i].fieldId]) {
+                      this.$set(this.selectValues, this.formList.form.formFieldRelation[i].fieldId, [])
+                    }
+                    if(!this.formList.form.formFieldRelation[i].value) {
+                      this.$set(this.formList.form.formFieldRelation[i], 'value', [])
+                    }
+                    this.selectValues[this.formList.form.formFieldRelation[i].fieldId].push(extInfo.option[j].label)
+                    this.formList.form.formFieldRelation[i].value.push(extInfo.option[j].value)
+                  } else {
+                    this.selectValues[this.formList.form.formFieldRelation[i].fieldId] = extInfo.option[j].label
+                    this.formList.form.formFieldRelation[i].value = extInfo.option[j].value
                   }
                 }
               }
             }
+          } else {
+
           }
         }
       }
-      if (this.formList.extInfo && this.formList.extInfo.extInfoFieldValue){
+      if (this.formList.extInfo && this.formList.extInfo.extInfoFieldValue) {
         this.extInfoFieldValue = this.formList.extInfo.extInfoFieldValue
       }
       this.formShow = this.formList
     },
-    addZero(i) {
+    // 给级联字段设置默认值
+    loopCascaderSetDefalut(list, field, selectType) {
+      // this.extInfoFieldValue[field.fieldId] = []
+      console.log(field.fieldId, this.extInfoFieldValue[field.fieldId], 'this.extInfoFieldValuethis.extInfoFieldValue');
+      list && list.forEach(item =>{
+        if(item.checked) {
+          if(selectType == '多选') {
+            this.extInfoFieldValue[field.fieldId].push({
+              label: item.label,
+              value: item.value
+            })
+          } else {
+            this.$set(this.extInfoFieldValue, field.fieldId, [{
+              label: item.label,
+              value: item.value
+            }])
+          }
+        }
+        this.loopCascaderSetDefalut(item.children, field, selectType)
+      })
+    },
+    loopCascaderSetValue(list, field, selectType, pv) {
+      list && list.forEach(item =>{
+        let parentValue = pv ? pv: []
+        if(item.checked) {
+          if(selectType == '多选') {
+            field.value.push([...parentValue, item.value])
+          } else {
+            field.value = [...parentValue, item.value]
+          }
+        } else {
+          this.loopCascaderSetValue(item.children, field, selectType, [...parentValue, item.value])
+        }
+      })
+    },
+    addZero (i) {
       if (i < 10) {
         i = "0" + i;
       }
       return i;
     },
-    formatter(type, value) {
+    formatter (type, value) {
       // 格式化选择器日期
       if (type === "year") {
         return `${value}年`;
@@ -1993,38 +1832,38 @@ export default {
       return value;
     },
 
-    isMobile() {
-      if (this.usePropStyleType === false){
+    isMobile () {
+      if (this.usePropStyleType === false) {
         let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);
         if (flag) {
-          this.isPhone=true
+          this.isPhone = true
         }
         else {
-          this.isCompany=true
+          this.isCompany = true
         }
-      }else {
-        this.isPhone=this.propIsPhone;
-        this.isCompany=this.propIsCompany;
+      } else {
+        this.isPhone = this.propIsPhone;
+        this.isCompany = this.propIsCompany;
       }
 
     },
     //时间的选择器
-    onConfirm(value, id,item,type) {
-      console.debug('value',value)
-      if (type == 'DATE'){
+    onConfirm (value, id, item, type) {
+      console.debug('value', value)
+      if (type == 'DATE') {
         this.datePicker = false
         this.timeDetailData.value = value;
-        this.extInfoFieldValue[this.timeDetailData.fieldId] =this.formatDate(value);
+        this.extInfoFieldValue[this.timeDetailData.fieldId] = this.formatDate(value);
       }
-      else if (type == 'TIME'){
+      else if (type == 'TIME') {
         this.timePicker = false;
         this.extInfoFieldValue[this.timeDetailData.fieldId] = value;
         this.timeDetailData.value = value;
       }
-      else if (type == 'DATE_TIME'){
+      else if (type == 'DATE_TIME') {
         this.dateTimePicker = false;
         this.timeDetailData.value = value
-        this.extInfoFieldValue[this.timeDetailData.fieldId] =this.formatDate(value) +" "+ this.addZero(value.getHours()) + ':' + this.addZero(value.getMinutes())
+        this.extInfoFieldValue[this.timeDetailData.fieldId] = this.formatDate(value) + " " + this.addZero(value.getHours()) + ':' + this.addZero(value.getMinutes())
       }
       /*for (let i = 0; i < this.formShow.form.formFieldRelation.length; i++) {
         if (this.formShow.form.formFieldRelation[i].fieldId=== id) {
@@ -2042,14 +1881,14 @@ export default {
       }*/
     },
     //转换日期的函数
-    formatDate(date) {
+    formatDate (date) {
       const dateTime = new Date(date)
       return `${dateTime.getFullYear()}-${dateTime.getMonth() + 1}-${dateTime.getDate()}`;
     },
     //日期的选择器
-    onConfirmCalendar(date, item) {
+    onConfirmCalendar (date, item) {
       this.dateValue[this.dateId] = this.formatDate(date);
-       for (let i = 0; i < this.formShow.form.formFieldRelation.length; i++) {
+      for (let i = 0; i < this.formShow.form.formFieldRelation.length; i++) {
         if (this.formShow.form.formFieldRelation[i].fieldId === this.dateId) {
           this.formShow.form.formFieldRelation[i].value = date
           break
@@ -2058,17 +1897,17 @@ export default {
       this.showCalendar = false;
     },
     //下拉的选择器
-    onConfirmSelect(value, item) {
-      console.log('value',value,this.selectDetail)
-      if (!value){
+    onConfirmSelect (value, item) {
+      console.log('value', value, this.selectDetail)
+      if (!value) {
         return
       }
       this.selectValues[this.selectDetail.fieldId] = value;
       for (let i = 0; i < this.formShow.form.formFieldRelation.length; i++) {
         if (this.formShow.form.formFieldRelation[i].fieldId === this.selectDetail.fieldId) {
-          let options = this.formShow.form.formFieldRelation[i].formField.extInfo.option?this.formShow.form.formFieldRelation[i].formField.extInfo.option:this.formShow.form.formFieldRelation[i].formField.extInfo.options;
-          for (let j=0;j<options.length;j++){
-            if (value == options[j].label){
+          let options = this.formShow.form.formFieldRelation[i].formField.extInfo.option ? this.formShow.form.formFieldRelation[i].formField.extInfo.option : this.formShow.form.formFieldRelation[i].formField.extInfo.options;
+          for (let j = 0; j < options.length; j++) {
+            if (value == options[j].label) {
               this.selectDetail.value = options[j].value
             }
           }
@@ -2100,11 +1939,11 @@ export default {
       let imageOrAttachment = true
       let errorText = ''
       let checkDescription = {
-        checkImageOrAttachment:this.workOrderDestail.checkImageOrAttachment ? this.workOrderDestail.checkImageOrAttachment : false,
-        checkText:this.workOrderDestail.checkText ? this.workOrderDestail.checkText : false,
-        checkImage:this.workOrderDestail.checkImage ? this.workOrderDestail.checkImage : false,
-        checkAttachment:this.workOrderDestail.checkAttachment ? this.workOrderDestail.checkAttachment : false,
-        required:this.workOrderDestail.required ? this.workOrderDestail.required : false,
+        checkImageOrAttachment: this.workOrderDestail.checkImageOrAttachment ? this.workOrderDestail.checkImageOrAttachment : false,
+        checkText: this.workOrderDestail.checkText ? this.workOrderDestail.checkText : false,
+        checkImage: this.workOrderDestail.checkImage ? this.workOrderDestail.checkImage : false,
+        checkAttachment: this.workOrderDestail.checkAttachment ? this.workOrderDestail.checkAttachment : false,
+        required: this.workOrderDestail.required ? this.workOrderDestail.required : false,
       }
       if (checkDescription.checkText) {
         if (!this.workOrderDestail.value) {
@@ -2118,8 +1957,8 @@ export default {
           d = null
         }
       }
-      if(checkDescription.checkImageOrAttachment) {
-        if(!this.workOrderDestail.value.includes('img') && this.attachmentList.length == 0) {
+      if (checkDescription.checkImageOrAttachment) {
+        if (!this.workOrderDestail.value.includes('img') && this.attachmentList.length == 0) {
           imageOrAttachment = false
         }
       }
@@ -2133,7 +1972,7 @@ export default {
       if (!textFlag) {
         errorText = text + '必须要有文字'
       }
-      if(!imageOrAttachment) {
+      if (!imageOrAttachment) {
         errorText = text + '必须要有图片或附件'
       }
       if (!imageFlag) {
@@ -2166,36 +2005,34 @@ export default {
       }
     },
     //提交按钮事件
-    submitClick() {
+    submitClick () {
       if (this.uploadImgQueue || this.attachmentList.some(arrach => { return !arrach.url })) {
         this.$message.warning('文件正在上传，请稍后')
         return
       }
-      if(this.workOrderDestail && !this.verificationDescription()) {
+      if (this.workOrderDestail && !this.verificationDescription()) {
         return
       }
-      for (let i=0;i<this.formShow.form.formFieldRelation.length;i++)
-      {
-        if(this.formShow.form.formFieldRelation[i].formField.type==='CASCADER')
-        {
+      for (let i = 0; i < this.formShow.form.formFieldRelation.length; i++) {
+        if (this.formShow.form.formFieldRelation[i].formField.type === 'CASCADER') {
           let cascader = []
-          if (this.formShow.form.formFieldRelation[i].formField.extInfo.cascade){
+          if (this.formShow.form.formFieldRelation[i].formField.extInfo.cascade) {
             cascader = this.formShow.form.formFieldRelation[i].formField.extInfo.cascade
           }
-          else if (this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown && this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown.options){
+          else if (this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown && this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown.options) {
             cascader = this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown.options
           }
-          else if (this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown && this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown[0]){
+          else if (this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown && this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown[0]) {
             cascader = this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown[0].options
           }
-          cascader.forEach(item=>{
-            if(item.children!==undefined){
-              if(item.children.length===0) {
+          cascader.forEach(item => {
+            if (item.children !== undefined) {
+              if (item.children.length === 0) {
                 delete item.children
               } else {
-                item.children.forEach(items=>{
-                  if(items.children){
-                    if(items.children.length===0) {
+                item.children.forEach(items => {
+                  if (items.children) {
+                    if (items.children.length === 0) {
                       delete items.children
                     }
                   }
@@ -2205,90 +2042,95 @@ export default {
           })
         }
         if (this.extInfoFieldValue[this.formShow.form.formFieldRelation[i].fieldId] &&
-            (this.formShow.form.formFieldRelation[i].formField.type == 'FILE' ||
+          (this.formShow.form.formFieldRelation[i].formField.type == 'FILE' ||
             this.formShow.form.formFieldRelation[i].formField.type == 'IMAGE' ||
             this.formShow.form.formFieldRelation[i].formField.type == 'VIDEO' ||
             this.formShow.form.formFieldRelation[i].formField.type == 'ATTACHMENT')) {
-          let value=[]
-          this.extInfoFieldValue[this.formShow.form.formFieldRelation[i].fieldId].forEach(item=>{
+          let value = []
+          this.extInfoFieldValue[this.formShow.form.formFieldRelation[i].fieldId].forEach(item => {
             let file = {}
             file.name = item.name
             file.url = item.url
             value.push(file)
           })
-          if (this.formShow.form.formFieldRelation[i].formField.type == 'FILE'){
+          if (this.formShow.form.formFieldRelation[i].formField.type == 'FILE') {
             this.formShow.form.formFieldRelation[i].value = value
           }
           else {
-            this.formShow.form.formFieldRelation[i].value = value.map(item=>{
+            this.formShow.form.formFieldRelation[i].value = value.map(item => {
               return item.name
             })
           }
 
         }
         let isRequired = true;
-        if (this.mainId == '3e83057a1bd74b79b86859ad619fdbbb' || this.mainId == 'ab0f90737c8b4f2d85ba2157e4473110' || this.mainId == '86dc09da570948d2b4841122d732f373'){
+        if (this.mainId == '3e83057a1bd74b79b86859ad619fdbbb' || this.mainId == 'ab0f90737c8b4f2d85ba2157e4473110' || this.mainId == '86dc09da570948d2b4841122d732f373') {
           isRequired = false
         }
         /*针对蒙牛企业在对话中系统名称字段暂时不做校验*/
-        if(this.formShow.form.formFieldRelation[i].display &&
-            (this.formShow.form.formFieldRelation[i].required || this.isRequiredFn(this.formShow.form.formFieldRelation[i].formField)) &&
-            this.formShow.form.formFieldRelation[i].fieldId!=='workorder_name'&&
-            ((!isRequired && this.formShow.form.formFieldRelation[i].fieldId !== '0feca81fce97465da537248c066e4db8' && this.formShow.form.formFieldRelation[i].fieldId !=='1d8bd21485834773a6d18eae60013000') || isRequired) &&
-            this.formShow.form.formFieldRelation[i].formField.type !== 'EXPLANATION') {
+        if (this.formShow.form.formFieldRelation[i].display &&
+          (this.formShow.form.formFieldRelation[i].required || this.isRequiredFn(this.formShow.form.formFieldRelation[i].formField)) &&
+          this.formShow.form.formFieldRelation[i].fieldId !== 'workorder_name' &&
+          ((!isRequired && this.formShow.form.formFieldRelation[i].fieldId !== '0feca81fce97465da537248c066e4db8' && this.formShow.form.formFieldRelation[i].fieldId !== '1d8bd21485834773a6d18eae60013000') || isRequired) &&
+          this.formShow.form.formFieldRelation[i].formField.type !== 'EXPLANATION') {
           let value = "";
           let bool = {}
           bool[this.formShow.form.formFieldRelation[i].fieldId] = false
-          if (this.formShow.form.formFieldRelation[i].formField.type === 'INPUT' || this.formShow.form.formFieldRelation[i].formField.type === 'TEXTAREA'){
-            value = this.formShow.form.formFieldRelation[i].value && this.formShow.form.formFieldRelation[i].value.includes('\n')?this.formShow.form.formFieldRelation[i].value:'';
+          if (this.formShow.form.formFieldRelation[i].formField.type === 'INPUT' || this.formShow.form.formFieldRelation[i].formField.type === 'TEXTAREA') {
+            value = this.formShow.form.formFieldRelation[i].value && this.formShow.form.formFieldRelation[i].value.includes('\n') ? this.formShow.form.formFieldRelation[i].value : '';
             let strVal = '';
-            if(value){
-              strVal = value.replace(/\n/g,'');
+            if (value) {
+              strVal = value.replace(/\n/g, '');
             }
             bool[this.formShow.form.formFieldRelation[i].fieldId] = this.formShow.form.formFieldRelation[i].value && this.formShow.form.formFieldRelation[i].value.includes('\n') && !strVal
           }
           if (this.formShow.form.formFieldRelation[i].relationDisplay && this.formShow.form.formFieldRelation[i].display && this.formShow.form.formFieldRelation[i].fieldId !== 'workorder_description') {
-            if(!this.formShow.form.formFieldRelation[i].value || bool[this.formShow.form.formFieldRelation[i].fieldId] || (Array.isArray(this.formShow.form.formFieldRelation[i].value) && !this.formShow.form.formFieldRelation[i].value.length)) {
-              this.$message.error('请完善'+ this.formShow.form.formFieldRelation[i].formField.name)
+            if (!this.formShow.form.formFieldRelation[i].value || this.strIsNull(this.formShow.form.formFieldRelation[i].value) || bool[this.formShow.form.formFieldRelation[i].fieldId] || (Array.isArray(this.formShow.form.formFieldRelation[i].value) && !this.formShow.form.formFieldRelation[i].value.length)) {
+              this.$message.error('请完善' + this.formShow.form.formFieldRelation[i].formField.name)
               return
             }
           }
         }
       }
       let extInfo = {
-        extInfoFieldValue:this.extInfoFieldValue,
-        attachmentList:this.attachmentList,
-        attachments: this.attachmentList.map(item =>{ return item.url})
+        extInfoFieldValue: this.extInfoFieldValue,
+        attachmentList: this.attachmentList,
+        attachments: this.attachmentList.map(item => { return item.url })
       }
-      this.$set(this.formShow,'extInfo',extInfo)
+      this.$set(this.formShow, 'extInfo', extInfo)
       let newForm = JSON.parse(JSON.stringify(this.formShow));
-      for (let i=0;i<newForm.form.formFieldRelation.length;i++){
-        if (newForm.form.formFieldRelation[i].fieldId === 'workorder_description'){
-          newForm.form.formFieldRelation[i].value =  newForm.form.formFieldRelation[i].value.replace(/<img/g, "<img onclick='previewImage(this)' ")
+      for (let i = 0; i < newForm.form.formFieldRelation.length; i++) {
+        if (newForm.form.formFieldRelation[i].fieldId === 'workorder_description') {
+          newForm.form.formFieldRelation[i].value = newForm.form.formFieldRelation[i].value.replace(/<img/g, "<img onclick='previewImage(this)' ")
           console.log(newForm.form.formFieldRelation[i]);
         }
         if (newForm.form.formFieldRelation[i].formField.type === "TIME_PICKER" &&
-            (!newForm.form.formFieldRelation[i].formField.extInfo.mold ||
-                newForm.form.formFieldRelation[i].formField.extInfo.mold == 'TIME' ||
-                this.getMoldTime(newForm.form.formFieldRelation[i].formField) == 'TIME') &&
-            newForm.form.formFieldRelation[i].value &&
-            !(newForm.form.formFieldRelation[i].value.length === 5 && newForm.form.formFieldRelation[i].value.split(":").length === 2) &&
-          !(newForm.form.formFieldRelation[i].value.length === 8 && newForm.form.formFieldRelation[i].value.split(":").length === 3)){
+          (!newForm.form.formFieldRelation[i].formField.extInfo.mold ||
+            newForm.form.formFieldRelation[i].formField.extInfo.mold == 'TIME' ||
+            this.getMoldTime(newForm.form.formFieldRelation[i].formField) == 'TIME') &&
+          newForm.form.formFieldRelation[i].value &&
+          !(newForm.form.formFieldRelation[i].value.length === 5 && newForm.form.formFieldRelation[i].value.split(":").length === 2) &&
+          !(newForm.form.formFieldRelation[i].value.length === 8 && newForm.form.formFieldRelation[i].value.split(":").length === 3)) {
           newForm.form.formFieldRelation[i].value = new Date(newForm.form.formFieldRelation[i].value).Format('hh:mm')
         }
       }
-        console.error('formShow',newForm)
-        this.$emit('submitClick',newForm)
-        this.disableds = true
-        this.submitValue = '已提交'
+      console.error('formShow', newForm)
+      this.$emit('submitClick', newForm)
+      this.disableds = true
+      this.submitValue = '已提交'
+    },
+    strIsNull (str) {
+      if (str == "") return true;
+      let regu = "^[ ]+$";
+      let re = new RegExp(regu);
+      return re.test(str);
     },
     //日期的点击事件
-    dateClick(id) {
-      if(this.disableds === false)
-      {
+    dateClick (id) {
+      if (this.disableds === false) {
         // for (let i = 0; i < this.formShow.form.formFieldRelation.length; i++) {
         //   if (this.formShow.form.formFieldRelation[i].fieldId === id) {
-            
+
         //     break
         //   }
         // }
@@ -2298,40 +2140,39 @@ export default {
 
     },
     //时间的点击事件
-    timeClick(id,item,type) {
-      if (this.disableds){
+    timeClick (id, item, type) {
+      if (this.disableds) {
         return
       }
-      if (item.value === undefined || item.value === null){
-        this.$set(item,'value',"")
+      if (item.value === undefined || item.value === null) {
+        this.$set(item, 'value', "")
       }
       this.timeDetailData = item
-      if (type == 'DATE'){
+      if (type == 'DATE') {
         this.datePicker = true
       }
-      else if (type == 'TIME'){
+      else if (type == 'TIME') {
         this.timePicker = true
       }
-      else if (type == 'DATE_TIME'){
+      else if (type == 'DATE_TIME') {
         this.dateTimePicker = true
       }
     },
     //下拉的点击事件
-    selectClick(id,type,item) {
-      if (this.disableds){
+    selectClick (id, type, item) {
+      if (this.disableds) {
         return
       }
-      if (item.value === undefined || item.value === null){
-        this.$set(item,'value',"")
+      if (item.value === undefined || item.value === null) {
+        this.$set(item, 'value', "")
       }
       this.selectDetail = item;
       this.defaultValue = []
-      if(type == 'client') {
+      if (type == 'client') {
         let selectOption
-        this.selectValue=[]
+        this.selectValue = []
         for (let i = 0; i < this.formShow.form.formFieldRelation.length; i++) {
-          if(this.formShow.form.formFieldRelation[i].formField.type==='SELECT' || this.formShow.form.formFieldRelation[i].formField.type==='OPTION')
-          {
+          if (this.formShow.form.formFieldRelation[i].formField.type === 'SELECT' || this.formShow.form.formFieldRelation[i].formField.type === 'OPTION') {
             if (this.formShow.form.formFieldRelation[i].fieldId === id) {
               console.debug('11')
               selectOption = this.selectOptions(this.formShow.form.formFieldRelation[i].formField)
@@ -2344,31 +2185,31 @@ export default {
         }
         this.selectId = id
         this.showPicker = true
-      } else if (type == 'ref'){
+      } else if (type == 'ref') {
         this.refShowPicker = true;
-        this.refTemplateVisibleChange(true,item);
-        this.refDefaultValue[item.fieldId] = item.value?[item.value]:[]
-      } else if (type == 'select'){
+        this.refTemplateVisibleChange(true, item);
+        this.refDefaultValue[item.fieldId] = item.value ? [item.value] : []
+      } else if (type == 'select') {
         this.selectPicker = true;
-        if (item.formField.extInfo){
+        if (item.formField.extInfo) {
           this.optionsList[id] = this.optionsLists(item)
         }
         else {
           this.optionsList[id] = []
         }
-        if (Array.isArray(this.selectDetail.value)){
+        if (Array.isArray(this.selectDetail.value)) {
           this.defaultValue = this.selectDetail.value
         }
         else {
           this.defaultValue = [this.selectDetail.value]
         }
       }
-      if (item){
+      if (item) {
         this.detailField = item;
       }
     },
-    SelectClear(fieldId) {
-      if(this.disableds === false){
+    SelectClear (fieldId) {
+      if (this.disableds === false) {
         let i = this.formShow.form.formFieldRelation.findIndex(item => { console.log(item.fieldId); return item.fieldId == fieldId })
         this.selectValues[this.formShow.form.formFieldRelation[i].fieldId] = '';
         this.formShow.form.formFieldRelation[i].value = "";
@@ -2378,47 +2219,43 @@ export default {
       }
     },
     //级联的点击的事件
-    pickerClick(id) {
-      if(this.disableds === false)
-      {
-        if(this.pickerId!==id)
-        {
+    pickerClick (id) {
+      if (this.disableds === false) {
+        if (this.pickerId !== id) {
           for (let i = 0; i < this.formShow.form.formFieldRelation.length; i++) {
             if (this.formShow.form.formFieldRelation[i].fieldId === id) {
-              this.keyValue=''
-              if(this.formShow.form.formFieldRelation[i].value.length!==undefined)
-              {
-                for (let m=0;m<this.formShow.form.formFieldRelation[i].value.length;m++)
-                {
-                  this.keyValue+=this.formShow.form.formFieldRelation[i].value[m]
+              this.keyValue = ''
+              if (this.formShow.form.formFieldRelation[i].value.length !== undefined) {
+                for (let m = 0; m < this.formShow.form.formFieldRelation[i].value.length; m++) {
+                  this.keyValue += this.formShow.form.formFieldRelation[i].value[m]
                 }
               }
-              this.data  = []
-              if (this.formShow.form.formFieldRelation[i].formField.extInfo.cascade){
-                this.data  = this.formShow.form.formFieldRelation[i].formField.extInfo.cascade
+              this.data = []
+              if (this.formShow.form.formFieldRelation[i].formField.extInfo.cascade) {
+                this.data = this.formShow.form.formFieldRelation[i].formField.extInfo.cascade
               }
-              else if (this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown && this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown.options){
-                this.data  = this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown.options
+              else if (this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown && this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown.options) {
+                this.data = this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown.options
               }
-              else if (this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown && this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown[0]){
-                this.data  = this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown[0].options
+              else if (this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown && this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown[0]) {
+                this.data = this.formShow.form.formFieldRelation[i].formField.extInfo.cascadeDown[0].options
               }
               this.column[0].values = Object.values(this.data).map(function (e) {
-                return {text: e.value, code: e.value}
+                return { text: e.value, code: e.value }
               })
               if (this.data[0].children !== undefined) {
                 this.column[1].values = Object.values(this.data[0].children).map(function (e) {
-                  return {text: e.value, code: e.value}
+                  return { text: e.value, code: e.value }
                 })
                 if (this.data[0].children[0].children !== undefined) {
                   this.column[2].values = Object.values(this.data[0].children[0].children).map(function (e) {
-                    return {text: e.value, code: e.value}
+                    return { text: e.value, code: e.value }
                   })
                 }
                 else {
                   this.$set(this.data[0].children[0], 'children', [])
-                  this.column[2].values=Object.values(this.data[0].children[0].children).map(function (res) {
-                    return {text: res.value, code: res.value};
+                  this.column[2].values = Object.values(this.data[0].children[0].children).map(function (res) {
+                    return { text: res.value, code: res.value };
                   })
                 }
               }
@@ -2432,37 +2269,31 @@ export default {
 
 
     },
-    onChange(picker, values,index) {
+    onChange (picker, values, index) {
       // 这里我有可能渲染的有问题，导致回调每次都修改了当前列，其他值没有修改，当前列？？（当前列什么鬼呀，什么垃圾啊？？？） 解释一下 ↓↓
       // 因为vant的 van-picker 回调只会返回你修改的那一列，比如现在为 [北京，北京，东城区]，你修改了省为[天津市，天津市，和平区]，但是vant的change回调会得到[天津市,北京,东城区],后面两个在回调中没有修改，不知道我的渲染方法有问题还是什么问题。
       // 所以我在这里判断change事件触发后，如果你修改了省份的话，回调里面省份会改变，但是市和区还是上一个省份的 市和区，这时我们执行回调修改省，市，区的时候，因为回调只有省改变了，市和区DOM改变了，但是回调里面没改变的问题（不晓得什么问题）,这时我们去找省下面的 市，我们取回调的市名称，如果在省下面没有找到这个市，默认展示第一个市，区也默认展示第一个市下面的区，如果遍历市能查到，就去展示对应的市。
       // 回调时修改第2列数据
-      if (index == 0){
+      if (index == 0) {
         picker.setColumnValues(2, []); // 防止突然选中第一个，第二个是更新的，但第三个联级不更新，我暂时强制清空
       }
-      let ColumnIndexss=picker.getIndexes()
-      let testValue=''
-      this.$nextTick(()=>{
-        if(index == 0)
-        {
-          if(this.data[ColumnIndexss[0]].children.length > 0)
-          {
-            if(this.data[ColumnIndexss[0]].children[0]!==undefined)
-            {
-              testValue=this.data[ColumnIndexss[0]].children[0].value
+      let ColumnIndexss = picker.getIndexes()
+      let testValue = ''
+      this.$nextTick(() => {
+        if (index == 0) {
+          if (this.data[ColumnIndexss[0]].children.length > 0) {
+            if (this.data[ColumnIndexss[0]].children[0] !== undefined) {
+              testValue = this.data[ColumnIndexss[0]].children[0].value
               picker.setColumnValues(2, this.county(this.data, testValue));
             }
           }
           else
             picker.setColumnValues(2, []);
         }
-        if(index == 1)
-        {
-          if(this.data[ColumnIndexss[0]].children.length > 0)
-          {
-            if(this.data[ColumnIndexss[0]].children[ColumnIndexss[1]]!==undefined)
-            {
-              testValue=this.data[ColumnIndexss[0]].children[ColumnIndexss[1]].value
+        if (index == 1) {
+          if (this.data[ColumnIndexss[0]].children.length > 0) {
+            if (this.data[ColumnIndexss[0]].children[ColumnIndexss[1]] !== undefined) {
+              testValue = this.data[ColumnIndexss[0]].children[ColumnIndexss[1]].value
               picker.setColumnValues(2, this.county(this.data, testValue));
             }
           }
@@ -2477,27 +2308,27 @@ export default {
 
     },
     // 修改级联第二级 这里不再多说什么了根据自己的数据格式来
-    cityDate(data, province) {
+    cityDate (data, province) {
       var that = this;
       data.forEach(function (res) {
         if (res.value == province) {
           that.cityDates = res;
         }
       });
-      if (that.cityDates.children !== undefined&&that.cityDates.children.length > 0) {
+      if (that.cityDates.children !== undefined && that.cityDates.children.length > 0) {
         return that.cityDates.children.map(function (res) {
-          return {text: res.value, code: res.value};
+          return { text: res.value, code: res.value };
         })
       } else {
         this.$set(that.cityDates, 'children', [])
         return that.cityDates.children.map(function (res) {
-          return {text: res.value, code: res.value};
+          return { text: res.value, code: res.value };
         })
       }
       // return 返回数据格式，因为我需要省市区code，所以我return的格式是对象,例:[{text:'北京市',code:'1'},{text:'河南省',code:'2'},...],如果你不需要code直接这样就可以 例['北京市','河南省',.....]
     },
     // 修改级联第三级 这里不再多说什么了根据自己的数据格式来
-    county(data, county) {
+    county (data, county) {
       var that = this;
       var countyDate = '';
       // 因为vant的 van-picker 回调只会返回你修改的那一列，比如现在为 [北京，北京，东城区]，你修改了省为[天津市，天津市，和平区]，但是vant的change回调会得到[天津市,北京,东城区],后面两个在回调中没有修改，不知道我的渲染方法有问题还是什么问题。
@@ -2509,8 +2340,7 @@ export default {
       });
       // 这里如果没有找到对应的县
       if (countyDate == '') {
-        if(that.cityDates.children.length > 0)
-        {
+        if (that.cityDates.children.length > 0) {
           countyDate = that.cityDates.children[0];
         }
 
@@ -2519,18 +2349,18 @@ export default {
       if (countyDate.children === undefined) {
         this.$set(countyDate, 'children', [])
         return countyDate.children.map(function (res) {
-          return {text: res.value, code: res.value};
+          return { text: res.value, code: res.value };
         })
       } else {
         return countyDate.children.map(function (res) {
-          return {text: res.value, code: res.value};
+          return { text: res.value, code: res.value };
         })
       }
 
       // return 返回数据格式，因为我需要省市区code，所以我return的格式是对象,例:[{text:'北京市',code:'1'},{text:'河南省',code:'2'},...],如果你不需要code直接这样就可以 例['北京市','河南省',.....]
     },
     //点击级联弹出框的确认按钮
-    onConfirms(val, id) {
+    onConfirms (val, id) {
       let test = ''
       for (let i = 0; i < val.length; i++) {
         if (val[i] !== undefined) {
@@ -2539,7 +2369,7 @@ export default {
       }
       test = test.substr(0, test.length - 1)
       for (let i = 0; i < this.formShow.form.formFieldRelation.length; i++) {
-        if (this.formShow.form.formFieldRelation[i].fieldId=== id) {
+        if (this.formShow.form.formFieldRelation[i].fieldId === id) {
           this.cascadeValue[id] = test
           for (let j = 0; j < val.length; j++) {
             if (val[j] !== undefined) {
@@ -2550,12 +2380,12 @@ export default {
         }
       }
       this.showArea = false;
-      sessionStorage.setItem('cascader',test)
+      sessionStorage.setItem('cascader', test)
     },
-    onCancel() {
+    onCancel () {
       this.showArea = false;
     },
-    aliyunOssRequest(data){
+    aliyunOssRequest (data) {
 
       this.loading = this.$loading({
         lock: true,
@@ -2566,9 +2396,9 @@ export default {
       let file = data.file;
       console.debug("upload file:", file);
       let imgInfo = {
-        status:'',
-        url:'',
-        name:''
+        status: '',
+        url: '',
+        name: ''
       }
       /* let imageData = {
          id:cid,
@@ -2579,14 +2409,12 @@ export default {
            progress: 0,
          },
        };*/
-      // let res = multipartUpload(
-      //         this.ossConfig,
-      //         file,
-      //         null,
-      //         imgInfo
-      // );
-      let ress = putObject(file)
-      ress.then((res) => {
+      let res = multipartUpload(
+        file,
+        null,
+        imgInfo
+      );
+      res.then((res) => {
         console.debug("upload result:", res);
         // let filePath = res.name;
         /* imageData.content.progress = 1;
@@ -2594,14 +2422,14 @@ export default {
                  ossFileUrl(this.ossConfig, res.name)
          );
          console.log('imageData',imageData)*/
-        imgInfo.url = res.url
-        imgInfo.status='success'
-        if (data.file){
+        imgInfo.url = ossFileUrl(res.name)
+        imgInfo.status = 'success'
+        if (data.file) {
           imgInfo.name = data.file.name
           imgInfo.uid = data.file.uid
         }
-        if (!this.extInfoFieldValue[this.filedId]){
-          this.$set(this.extInfoFieldValue,this.filedId,[])
+        if (!this.extInfoFieldValue[this.filedId]) {
+          this.$set(this.extInfoFieldValue, this.filedId, [])
         }
         this.extInfoFieldValue[this.filedId].push(imgInfo)
         this.loading.close()
@@ -2609,20 +2437,20 @@ export default {
         console.debug("upload err", err);
       });
     },
-    successUpload(response,file,fileList){
-      if (!this.extInfoFieldValue[this.filedId]){
+    successUpload (response, file, fileList) {
+      if (!this.extInfoFieldValue[this.filedId]) {
         this.extInfoFieldValue[this.filedId] = []
       }
-      for (let i=0;i<fileList.length;i++){
-        if (!this.extInfoFieldValue[this.filedId][i]){
-          this.extInfoFieldValue[this.filedId][i]={}
+      for (let i = 0; i < fileList.length; i++) {
+        if (!this.extInfoFieldValue[this.filedId][i]) {
+          this.extInfoFieldValue[this.filedId][i] = {}
         }
-        this.extInfoFieldValue[this.filedId][i].url=fileList[i].url
-        this.extInfoFieldValue[this.filedId][i].name=fileList[i].name
-        this.extInfoFieldValue[this.filedId][i].status=fileList[i].status
+        this.extInfoFieldValue[this.filedId][i].url = fileList[i].url
+        this.extInfoFieldValue[this.filedId][i].name = fileList[i].name
+        this.extInfoFieldValue[this.filedId][i].status = fileList[i].status
       }
     },
-    uploadProgress(){
+    uploadProgress () {
       this.loading = this.$loading({
         lock: true,
         text: 'Loading',
@@ -2630,32 +2458,31 @@ export default {
         background: 'rgba(0, 0, 0, 0.7)'
       });
     },
-    handleRemove(file) {
-      if (this.extInfoFieldValue[this.filedId]){
-        for (let i=0;i<this.extInfoFieldValue[this.filedId].length;i++)
-        {
-          if (this.extInfoFieldValue[this.filedId][i].uid){
-            if (this.extInfoFieldValue[this.filedId][i].uid===file.uid){
-              this.extInfoFieldValue[this.filedId].splice(i,1)
+    handleRemove (file) {
+      if (this.extInfoFieldValue[this.filedId]) {
+        for (let i = 0; i < this.extInfoFieldValue[this.filedId].length; i++) {
+          if (this.extInfoFieldValue[this.filedId][i].uid) {
+            if (this.extInfoFieldValue[this.filedId][i].uid === file.uid) {
+              this.extInfoFieldValue[this.filedId].splice(i, 1)
               return
             }
           }
-          else if (this.extInfoFieldValue[this.filedId][i].url===file.url){
-            this.extInfoFieldValue[this.filedId].splice(i,1)
+          else if (this.extInfoFieldValue[this.filedId][i].url === file.url) {
+            this.extInfoFieldValue[this.filedId].splice(i, 1)
             return
           }
         }
 
       }
     },
-    handleEditChange(file,fileList){
-      this.hideUploadEdit=fileList.length >= this.limitNum
+    handleEditChange (file, fileList) {
+      this.hideUploadEdit = fileList.length >= this.limitNum
     },
     onUploadProgress: function (progress, point, file, videoData) {
       console.debug("upload video progress", progress, point);
       if (progress === 1) {
         // this.loadingIns.close();
-        videoData.content.url = ossFileUrl(this.ossConfig, point.name);
+        videoData.content.url = ossFileUrl(point.name);
         // this.chooseVideo({data:url},file);
 
       } else {
@@ -2663,16 +2490,16 @@ export default {
 
       }
     },
-    checkUpload(id,extInfo){
-      this.filedId=id
-      this.limitNum = extInfo.limitNum?extInfo.limitNum:(extInfo.limit?extInfo.limit:1)
+    checkUpload (id, extInfo) {
+      this.filedId = id
+      this.limitNum = extInfo.limitNum ? extInfo.limitNum : (extInfo.limit ? extInfo.limit : 1)
 
     },
-    beforeAvatarUpload(file,type){
-      if (type === 'IMAGE'){
+    beforeAvatarUpload (file, type) {
+      if (type === 'IMAGE') {
         const isLte2M = file.size / 1024 / 1024 <= 8;
-        const isSupportedFormat =file.type.indexOf('image')!==-1
-        if (!isSupportedFormat){
+        const isSupportedFormat = file.type.indexOf('image') !== -1
+        if (!isSupportedFormat) {
           this.$message.error("只能上传图片格式");
           return false
         }
@@ -2682,20 +2509,20 @@ export default {
         }
         return true
       }
-      else if (type === 'VIDEO'){
+      else if (type === 'VIDEO') {
         const isLte2M = file.size / 1024 / 1024 <= 100;
-        const isSupportedFormat =file.type.indexOf('video')!==-1
-        if (!isSupportedFormat){
+        const isSupportedFormat = file.type.indexOf('video') !== -1
+        if (!isSupportedFormat) {
           this.$message.error("只能上传视频格式");
           return false
         }
-        if (!isLte2M&&isSupportedFormat) {
+        if (!isLte2M && isSupportedFormat) {
           this.$message.error("上传视频大小不能超过100MB!");
           return false
         }
         return true
       }
-      else if (type === 'FILE' || type === 'ATTACHMENT'){
+      else if (type === 'FILE' || type === 'ATTACHMENT') {
         const isLte2M = file.size / 1024 / 1024 <= 100;
         if (!isLte2M) {
           this.$message.error("上传附件大小不能超过100MB!");
@@ -2705,27 +2532,27 @@ export default {
       }
 
     },
-    exceedUpload(){
+    exceedUpload () {
       this.$message({
-        message:"上传文件数量达到上限",
-        duration:2000,
-        type:'warning'
+        message: "上传文件数量达到上限",
+        duration: 2000,
+        type: 'warning'
       })
     },
 
-    handlePictureCardPreview(file) {
+    handlePictureCardPreview (file) {
       this.videoFlag = true;
       this.videoUploadPercent = file.percentage.toFixed(0);
     },
-    refTemplateVisibleChange(visible,field) {
-      console.debug('field1111',field)
+    refTemplateVisibleChange (visible, field) {
+      console.debug('field1111', field)
       let fields = field.formField.type === 'REF' ? field.formField.extInfo.ref.field : field.formField.extInfo.ref.vars
       if (visible) {
         if (
           !this.refNextPage[field.fieldId] || this.refNextPage[field.fieldId].hasNextPage
         ) {
           this.$set(this.refTemplateList, field.fieldId, [])
-          !this.dataQuery[field.fieldId] &&   this.$set(this.dataQuery,field.fieldId, {
+          !this.dataQuery[field.fieldId] && this.$set(this.dataQuery, field.fieldId, {
             filterId: '',
             keywords: '',
             pageInfo: {
@@ -2736,24 +2563,24 @@ export default {
             templateId: ''
           })
           let param = {
-            templateId:field.formField.extInfo.ref.source,
-            fieldId:fields,
-            field:field,
-            dataQuery:this.dataQuery,
-            refNextPage:this.refNextPage
+            templateId: field.formField.extInfo.ref.source,
+            fieldId: fields,
+            field: field,
+            dataQuery: this.dataQuery,
+            refNextPage: this.refNextPage
           }
-          this.$emit('getTemplateList',param)
+          this.$emit('getTemplateList', param)
         }
       }
     },
-    changeRefData(value, item) {
+    changeRefData (value, item) {
       console.log(value);
       console.debug('value', value, item, this.refTemplateList[item.fieldId])
       let arr = []
       if (this.refTemplateList[item.fieldId]) {
         this.refTemplateList[item.fieldId].forEach(data => {
-          if(typeof value == 'string' || typeof value == 'number') {
-            if(value == data.id) {
+          if (typeof value == 'string' || typeof value == 'number') {
+            if (value == data.id) {
               let obj = {
                 name: data.name,
                 id: data.id
@@ -2773,27 +2600,27 @@ export default {
       }
       this.extInfoFieldValue[item.fieldId] = arr
     },
-    setOptionWidth(){
+    setOptionWidth () {
       this.selectOptionWidth = event.srcElement.offsetParent.offsetWidth + 40 + "px";
     },
-    lodeMore(item) {
+    lodeMore (item) {
       this.dataQuery[item.fieldId].pageInfo.pageNo += 1
-      this.refTemplateVisibleChange(true,item)
+      this.refTemplateVisibleChange(true, item)
     },
     //点击左侧备注图标提示
-    leftIcon(remark){
+    leftIcon (remark) {
       this.$toast({
-        message:remark.text,
-        duration:2000,
+        message: remark.text,
+        duration: 2000,
       })
     },
     //校验输入框
-    typeCheck(field,item){
-      if (!item.value){
+    typeCheck (field, item) {
+      if (!item.value) {
         return
       }
-      console.debug('typeCheck',field)
-      if (field.extInfo.inputType==='MOBILE'){
+      console.debug('typeCheck', field)
+      if (field.extInfo.inputType === 'MOBILE') {
         const phone = /^[1][3,4,5,7,8][0-9]{9}$/
         if (!phone.test(item.value)) {
           this.$message({
@@ -2805,9 +2632,9 @@ export default {
           return
         }
       }
-      else if (field.extInfo.inputType ==='MAIL'){
+      else if (field.extInfo.inputType === 'MAIL') {
         const reg =
-            /^([a-z0-9A-Z]+[-|_|\.]?)+[a-z0-9A-Z]@([a-z0-9A-Z]+(-[a-z0-9A-Z]+)?\.)+[a-zA-Z]{2,4}$/;
+          /^([a-z0-9A-Z]+[-|_|\.]?)+[a-z0-9A-Z]@([a-z0-9A-Z]+(-[a-z0-9A-Z]+)?\.)+[a-zA-Z]{2,4}$/;
         if (!reg.test(item.value)) {
           this.$message({
             message: "请输入有效的邮箱",
@@ -2819,7 +2646,7 @@ export default {
         }
 
       }
-      else if (field.extInfo.inputType === 'ID_CARD'){
+      else if (field.extInfo.inputType === 'ID_CARD') {
         const reg = /^(([1-9][0-9]{5}(19|20)[0-9]{2}((0[1-9])|(1[0-2]))([0-2][1-9]|10|20|30|31)[0-9]{3}([0-9]|X|x))|([1-9][0-9]{5}[0-9]{2}((0[1-9])|(1[0-2]))([0-2][1-9]|10|20|30|31)[0-9]{3}))$/
         if (!reg.test(item.value)) {
           this.$message({
@@ -2831,7 +2658,7 @@ export default {
           return
         }
       }
-      else if (field.extInfo.inputType ==='LINK'){
+      else if (field.extInfo.inputType === 'LINK') {
         const reg = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~\/])/;
         if (!reg.test(item.value)) {
           this.$message({
@@ -2843,27 +2670,30 @@ export default {
           return
         }
       }
-      else if (field.extInfo.inputType ==='NUMBER'||field.extInfo.inputType ==='RATE'){
-        if ( item.value < Number(field.extInfo.range.start)){
+      else if (field.extInfo.inputType === 'NUMBER' || field.extInfo.inputType === 'RATE') {
+        if (item.value < Number(field.extInfo.range.start)) {
           item.value = Number(field.extInfo.range.start)
         }
-        else if (item.value > Number(field.extInfo.range.end)){
+        else if (item.value > Number(field.extInfo.range.end)) {
           item.value = Number(field.extInfo.range.end)
         }
       }
     },
     //打开级联/下拉抽屉选择
-    openDrawer(field,type){
+    openDrawer (field, type) {
       this.detailField = field;
-      if (type == 'cascader' || type === 'pc_cascader'){
-        if (type == 'cascader'){
+      if (type == 'cascader' || type === 'pc_cascader') {
+        console.log(field.formField.extInfo, 'fieldfield');
+        if (type == 'cascader') {
           this.showArea = true;
         }
         else {
           this.drawer = true;
         }
-        this.$nextTick(()=>{
-          let arr =  this.extInfoFieldValue[field.fieldId]?this.extInfoFieldValue[field.fieldId]:[]
+        // 判断来源是否是 webhook 打开对应弹窗，webhook 的级联字段只能选择到最后一级的选项
+        this.webHookCascader = Boolean(field.formField.extInfo && field.formField.extInfo.WebHookParameter)
+        this.$nextTick(() => {
+          let arr = this.extInfoFieldValue[field.fieldId] ? this.extInfoFieldValue[field.fieldId] : []
           let drawerTree = this.$refs.drawerTree
           if (drawerTree) {
             if (Array.isArray(drawerTree)) {
@@ -2878,37 +2708,37 @@ export default {
           }
         })
       }
-      else if (type === 'select'){
-        this.options = field.formField.extInfo.option?field.formField.extInfo.option:field.formField.extInfo.options;
+      else if (type === 'select') {
+        this.options = field.formField.extInfo.option ? field.formField.extInfo.option : field.formField.extInfo.options;
         this.selectPopUp = true;
-        if (!this.detailField.value){
+        if (!this.detailField.value) {
           return
         }
-        if (Array.isArray(this.detailField.value)){
+        if (Array.isArray(this.detailField.value)) {
           this.defaultValue = this.detailField.value
         }
         else {
           this.defaultValue = [this.detailField.value]
         }
-        console.debug('selectPopUp',this.selectPopUp,this.options)
+        console.debug('selectPopUp', this.selectPopUp, this.options)
       }
     },
     //保存级联数据
-    saveData(checkList,checkDatas){
+    saveData (checkList, checkDatas) {
       this.clearOptionStruct();
-      this.$set(this.detailField,'value',checkList);
+      this.$set(this.detailField, 'value', checkList);
       this.extInfoFieldValue[this.detailField.fieldId] = checkDatas;
-      this.$set(this.detailField.formField.extInfo,'extInfoFieldValue',checkDatas);
-      console.debug('checkDatas',this.detailField.formField.extInfo,checkList);
+      this.$set(this.detailField.formField.extInfo, 'extInfoFieldValue', checkDatas);
+      console.debug('checkDatas', this.detailField.formField.extInfo, checkList);
       this.changeSelect(this.detailField);
       this.$forceUpdate();
       this.showArea = false;
       this.drawer = false;
     },
     //保存所选下拉值
-    confirmSelect(option, list){
-      console.debug('option',option,list)
-      if (!option || !list){
+    confirmSelect (option, list) {
+      console.debug('option', option, list)
+      if (!option || !list) {
         this.selectPopUp = false
         this.selectPicker = false
         return
@@ -2916,22 +2746,22 @@ export default {
       this.detailField.value = list;
       this.selectPopUp = false
       this.selectPicker = false;
-      if (this.detailField.formField.type === 'SELECT' && this.detailField.formField.extInfo.selectType !== '多选'){
+      if (this.detailField.formField.type === 'SELECT' && this.detailField.formField.extInfo.selectType !== '多选') {
         this.changeSelect(this.detailField);
       }
       this.$forceUpdate();
     },
     //保存ref类型值
-    confirmRefSelect(option, list){
-      console.debug('options',option,list,this.selectDetail)
-      if (!option || !list){
+    confirmRefSelect (option, list) {
+      console.debug('options', option, list, this.selectDetail)
+      if (!option || !list) {
         this.refShowPicker = false;
         return
       }
       this.selectDetail.value = list;
       let val = ''
-      if (Array.isArray(option)){
-        val = option.map(item=>{
+      if (Array.isArray(option)) {
+        val = option.map(item => {
           return item.id
         })
         this.extInfoFieldValue[this.selectDetail.fieldId] = option
@@ -2943,59 +2773,57 @@ export default {
       this.refShowPicker = false;
     },
     // 一个重复的方法 兼容 状态优先级 的关联控件，
-    relationSet(field,list) {
+    relationSet (field, list) {
       let flag = false
       // 如果在extInfo下有该字段，表示已被关联，否则根据 类型去判断 retrun true 或者false
-      if(field.extInfo && field.extInfo[list] && Object.keys(field.extInfo[list]).length !== 0) {
+      if (field.extInfo && field.extInfo[list] && Object.keys(field.extInfo[list]).length !== 0) {
         for (const key in field.extInfo[list]) {
           const element = field.extInfo[list][key];
           let orderFieldValue = ""
-          for (let i=0;i<this.formShow.form.formFieldRelation.length;i++){
-            if (key === this.formShow.form.formFieldRelation[i].fieldId || key === this.formShow.form.formFieldRelation[i].formField.workOrderFieldId){
+          for (let i = 0; i < this.formShow.form.formFieldRelation.length; i++) {
+            if (key === this.formShow.form.formFieldRelation[i].fieldId || key === this.formShow.form.formFieldRelation[i].formField.workOrderFieldId) {
               orderFieldValue = this.formShow.form.formFieldRelation[i].value
               break
             }
           }
-          console.debug('orderFieldValue',orderFieldValue)
-          if(orderFieldValue) {
-            if(Array.isArray(orderFieldValue)) {
-              if(Array.isArray(element)) {
+          if (orderFieldValue) {
+            if (Array.isArray(orderFieldValue)) {
+              if (Array.isArray(element)) {
                 for (let index = 0; index < element.length; index++) {
-                  flag = orderFieldValue.some(item =>{ return item == element[index] })
-                  if(flag) {
+                  flag = orderFieldValue.some(item => { return item == element[index] })
+                  if (flag) {
                     return flag
                   }
                 }
               } else {
-                flag = orderFieldValue.some(item =>{ return item == element })
-                if(flag) {
+                flag = orderFieldValue.some(item => { return item == element })
+                if (flag) {
                   return flag
                 }
               }
             } else {
-              if(Array.isArray(element)) {
+              if (Array.isArray(element)) {
                 for (let index = 0; index < element.length; index++) {
-                  flag =  element[index] == orderFieldValue
-                  if(flag) {
+                  flag = element[index] == orderFieldValue
+                  if (flag) {
                     return flag
                   }
                 }
               } else {
-                flag =  element == orderFieldValue
-                if(flag) {
+                flag = element == orderFieldValue
+                if (flag) {
                   return flag
                 }
               }
 
             }
-          }
-          else if(list == 'dependentFieldId') {
-            return  flag = false
+          } else if (list == 'dependentFieldId') {
+            flag = false
           }
         }
-      } else if(list == 'dependentFieldId') {
+      } else if (list == 'dependentFieldId') {
         return flag = true
-      } else if(list == 'requiredDependentFieldId') {
+      } else if (list == 'requiredDependentFieldId') {
         return flag = false
       }
       return flag
@@ -3004,40 +2832,40 @@ export default {
       // this.attachments.splice(index, 1)
       this.attachmentList.splice(index, 1)
     },
-    attachDeleteFile(index,fieldId){
-      this.extInfoFieldValue[fieldId].splice(index,1)
+    attachDeleteFile (index, fieldId) {
+      this.extInfoFieldValue[fieldId].splice(index, 1)
     },
-    desUploadImageAndFile({type, param}) {
-        if(param.type == 'pending') {
-            this.attachmentList.push({
-                url: '',
-                name: param.name,
-                id: param.uid
-            })
-        } else {
-            this.attachmentList.forEach(item =>{
-                if(item.id == param.uid) {
-                    item.url = param.url
-                    delete item.uid
-                }
-            })
-        }
+    desUploadImageAndFile ({ type, param }) {
+      if (param.type == 'pending') {
+        this.attachmentList.push({
+          url: '',
+          name: param.name,
+          id: param.uid
+        })
+      } else {
+        this.attachmentList.forEach(item => {
+          if (item.id == param.uid) {
+            item.url = param.url
+            delete item.uid
+          }
+        })
+      }
     },
   },
-  watch:{
-    formFieldValus:{
-      handler(value){
+  watch: {
+    formFieldValus: {
+      handler (value) {
         console.log(value);
       },
-      deep:true
+      deep: true
     },
-    workOrderDes:{
-      handler(val){
+    workOrderDes: {
+      handler (val) {
         let newVal = ''
         newVal = val.replace(/ style=".*?"/g, '');
-        if (this.currentEditor){
-          if (this.workOrderDestail){
-            this.$nextTick(() =>{
+        if (this.currentEditor) {
+          if (this.workOrderDestail) {
+            this.$nextTick(() => {
               this.workOrderDestail.value = newVal;
             })
           }
@@ -3045,21 +2873,21 @@ export default {
             writer.setSelection( writer.createPositionAt( this.currentEditor.model.document.getRoot(), 'end' ) );
           });*/
         }
-        console.debug('workOrderDes',this.workOrderDestail)
+        console.debug('workOrderDes', this.workOrderDestail)
       },
-      deep:true,
-      immediate:true
+      deep: true,
+      immediate: true
     },
-    fieldValue:{
-      handler(val){
-        console.debug('val',val)
-        setTimeout(()=>{
+    fieldValue: {
+      handler (val) {
+        console.debug('val', val)
+        setTimeout(() => {
           this.fieldSetting()
-        },0)
+        }, 0)
         this.listenField();
       },
-      deep:true,
-      immediate:true
+      deep: true,
+      immediate: true
     }
   }
 
@@ -3072,131 +2900,155 @@ export default {
 .notClick {
   pointer-events: none;
 }
-.formClass{
+
+.formClass {
   /* border: 1px solid #ebebeb;*/
   font-family: "Avenir", Helvetica, Arial, sans-serif;
   border-radius: 15px;
-  .explanation{
+
+  .explanation {
     display: flex;
     padding: 4px;
-    .explanation-p{
+
+    .explanation-p {
       color: #366aff;
       font-size: 14px;
       margin: 10px 4px;
-      .el-icon-info{
+
+      .el-icon-info {
         margin-right: 8px;
       }
     }
   }
-  .explain-url{
-    a{
-      color:#366aff ;
+
+  .explain-url {
+    a {
+      color: #366aff;
     }
   }
-  .titleName{
+
+  .titleName {
     font-size: 1em;
     text-align: center;
     padding-bottom: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
-   /* border-bottom: 1px solid #EEEEEE;*/
+    /* border-bottom: 1px solid #EEEEEE;*/
   }
-  .title-link{
+
+  .title-link {
     height: 1px;
     background-color: #EEEEEE;
   }
-  .bottom-link{
+
+  .bottom-link {
     margin-top: 14px;
     height: 1px;
     background-color: #EEEEEE;
   }
-  .form-submit-btn{
+
+  .form-submit-btn {
     padding: 14px 16px 0 16px;
     text-align: center;
   }
-  /deep/.ck.ck-editor{
-   padding: 0 8px;
+
+  /deep/.ck.ck-editor {
+    padding: 0 8px;
   }
-  /deep/.ck.ck-toolbar{
-    border-color:#E0E6F7;
-    border-top-left-radius: 9px!important;
-    border-top-right-radius: 9px!important;
+
+  /deep/.ck.ck-toolbar {
+    border-color: #E0E6F7;
+    border-top-left-radius: 9px !important;
+    border-top-right-radius: 9px !important;
+
     .ck-toolbar__items {
       .ck-button {
         color: #366AFF;
+
         svg {
           fill: #366AFF;
           width: 12px !important;
-          height: 12px !important; 
+          height: 12px !important;
           margin-bottom: 2px;
         }
       }
     }
   }
-  /deep/.ck.ck-editor__editable_inline{
-    border-color:#E0E6F7;
-    min-height: 150px!important;
-    border-bottom-left-radius: 9px!important;
-    border-bottom-right-radius: 9px!important;
+
+  /deep/.ck.ck-editor__editable_inline {
+    border-color: #E0E6F7;
+    min-height: 150px !important;
+    border-bottom-left-radius: 9px !important;
+    border-bottom-right-radius: 9px !important;
   }
-  /deep/.ck-editor__editable{
-    img{
+
+  /deep/.ck-editor__editable {
+    img {
       height: 140px;
       // width: 80%;
       object-fit: contain;
     }
+
     .ck-widget_selected {
-        .ck-widget__type-around {
-            display: none;
-        }
+      .ck-widget__type-around {
+        display: none;
+      }
     }
+
     .ck-widget:hover {
-      outline-color:#366aff;
+      outline-color: #366aff;
+
       .ck-widget__type-around {
         display: none;
       }
     }
+
     .ask-component-img-box {
-        width: auto;
-        height: auto;
-        display: inline-block;
+      width: auto;
+      height: auto;
+      display: inline-block;
     }
+
     .ask-component-placeholder-span[type=upload] {
-        background-color: rgba(0, 89, 255, 0.2);
-        display: inline-block;
-        padding: 2px 5px;
-        border-radius: 3px;
-        padding-left: 20px;
-        position: relative;
+      background-color: rgba(0, 89, 255, 0.2);
+      display: inline-block;
+      padding: 2px 5px;
+      border-radius: 3px;
+      padding-left: 20px;
+      position: relative;
     }
+
     .ask-component-placeholder-span[type=upload]::after {
-        content: '';
-        background-image: url('../assets/image/building.png');
-        background-size: 100%;
-        width: 15px;
-        height: 15px;
-        position: absolute;
-        top: 5px;
-        left: 2px;
-        color: #366AFF;
-        animation: rotate 1.5s linear infinite;
+      content: '';
+      background-image: url('../assets/image/building.png');
+      background-size: 100%;
+      width: 15px;
+      height: 15px;
+      position: absolute;
+      top: 5px;
+      left: 2px;
+      color: #366AFF;
+      animation: rotate 1.5s linear infinite;
     }
+
     @keyframes rotate {
-        from {
-            transform: rotate(0deg);
-        }
-        to {
-            transform: rotate(360deg);
-        }
+      from {
+        transform: rotate(0deg);
+      }
+
+      to {
+        transform: rotate(360deg);
+      }
     }
 
   }
 
-  .cascader-class{
+  .cascader-class {
     padding: 10px 16px;
   }
-  .cascader-input{
+
+  .cascader-input {
     -webkit-appearance: none;
     background-image: none;
     border: 1px solid #E0E6F7;
@@ -3208,50 +3060,58 @@ export default {
     line-height: 40px;
     outline: 0;
     padding: 0 15px;
-    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
-    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
+    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
+    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
     width: 100%;
-    background-color: transparent!important;
-    border-radius: 9px!important;
+    background-color: transparent !important;
+    border-radius: 9px !important;
     cursor: pointer;
     font-size: 14px;
   }
-  .cascader-name{
+
+  .cascader-name {
     color: #A9B3C6;
     font-size: 1em;
     padding-bottom: 8px;
   }
-  .form-field-file{
-    #attachment-upload{
-      /deep/.image-list{
+
+  .form-field-file {
+    #attachment-upload {
+      /deep/.image-list {
         padding: 0;
       }
     }
   }
 }
-.pcFormClass{
+
+.pcFormClass {
   width: 400px;
   margin: 0 auto;
-  .field-item{
+
+  .field-item {
     padding: 8px 0;
-    .field-item-name{
+
+    .field-item-name {
       padding-bottom: 8px;
       color: #A9B3C6;
-     /* color: #000000;*/
+      /* color: #000000;*/
     }
   }
-  /deep/.el-input__inner{
-    border-color: #E0E6F7!important;
-    background-color: transparent!important;
-    border-radius: 9px!important;
+
+  /deep/.el-input__inner {
+    border-color: #E0E6F7 !important;
+    background-color: transparent !important;
+    border-radius: 9px !important;
   }
-  /deep/.el-textarea__inner{
-    border-color: #E0E6F7!important;
-    background-color: transparent!important;
-    border-radius: 9px!important;
-    padding: 9px 15px!important;
+
+  /deep/.el-textarea__inner {
+    border-color: #E0E6F7 !important;
+    background-color: transparent !important;
+    border-radius: 9px !important;
+    padding: 9px 15px !important;
   }
-  .upload-demo{
+
+  .upload-demo {
     background-color: #FFFFFF;
     border: 1px solid #E0E6F7;
     border-radius: 10px;
@@ -3260,15 +3120,17 @@ export default {
     vertical-align: top;
     cursor: pointer;
     text-align: center;
-    font-size:28px;
-    color:#366AFF;
+    font-size: 28px;
+    color: #366AFF;
     display: flex;
     align-items: center;
     justify-content: center;
-    i{
+
+    i {
       color: #366AFF;
     }
-    /deep/.el-upload{
+
+    /deep/.el-upload {
       height: 100%;
       width: 100%;
       display: flex;
@@ -3276,7 +3138,8 @@ export default {
       justify-content: center;
     }
   }
-  /deep/.el-upload--picture-card{
+
+  /deep/.el-upload--picture-card {
     background-color: #FFFFFF;
     border: 1px solid #E0E6F7;
     border-radius: 10px;
@@ -3285,41 +3148,49 @@ export default {
     vertical-align: top;
     cursor: pointer;
     text-align: center;
-    font-size:28px;
-    color:#366AFF;
+    font-size: 28px;
+    color: #366AFF;
     display: flex;
     align-items: center;
     justify-content: center;
-    i{
+
+    i {
       color: #366AFF;
     }
   }
-  /deep/.el-select-dropdown__item.selected{
+
+  /deep/.el-select-dropdown__item.selected {
     color: #366aff;
   }
-  /deep/.el-upload-list--picture-card{
-    .el-upload-list__item{
+
+  /deep/.el-upload-list--picture-card {
+    .el-upload-list__item {
       width: 74px;
       height: 74px;
       border-radius: 10px;
     }
   }
-  /deep/.el-upload-list__item-name{
+
+  /deep/.el-upload-list__item-name {
     max-width: 180px;
   }
+
   .hide .el-upload--picture-card {
-    display: none!important;
+    display: none !important;
   }
 }
-/deep/.van-radio__icon--checked .van-icon{
-  background-color: #366aff!important;
-  border-color: #366aff!important;
+
+/deep/.van-radio__icon--checked .van-icon {
+  background-color: #366aff !important;
+  border-color: #366aff !important;
 }
-/deep/.van-checkbox__icon--checked .van-icon{
-  background-color: #366aff!important;
-  border-color: #366aff!important;
+
+/deep/.van-checkbox__icon--checked .van-icon {
+  background-color: #366aff !important;
+  border-color: #366aff !important;
 }
-/deep/.vant-upload--picture-card{
+
+/deep/.vant-upload--picture-card {
   background-color: #ffffff;
   border: 1px solid #E0E6F7;
   border-radius: 10px;
@@ -3328,92 +3199,111 @@ export default {
   vertical-align: top;
   cursor: pointer;
   text-align: center;
-  font-size:28px;
-  color:#8c939d;
+  font-size: 28px;
+  color: #8c939d;
   display: flex;
   align-items: center;
   justify-content: center;
-  i{
+
+  i {
     color: #366aff;
   }
 }
-/deep/.van-popup{
+
+/deep/.van-popup {
   border-radius: 5px;
 }
-.remPhoneClassForm{
-  .mobileFormClass{
+
+.remPhoneClassForm {
+  .mobileFormClass {
     width: calc(100vw - 110px);
     background-color: white;
-    .form-field-item{
-      .form-field-item-value{
-        /deep/.van-cell{
+
+    .form-field-item {
+      .form-field-item-value {
+        /deep/.van-cell {
           flex-direction: column;
           padding: 8px 16px;
         }
-        /deep/.van-cell__value{
+
+        /deep/.van-cell__value {
           border: 1px solid #E0E6F7;
           border-radius: 9px;
           min-height: 40px;
           padding: 0 10px;
         }
-        /deep/.van-cell__right-icon{
-          color: #999999!important;
+
+        /deep/.van-cell__right-icon {
+          color: #999999 !important;
         }
-        .form-field-item-file{
+
+        .form-field-item-file {
           padding: 10px 16px;
-          .fileName{
+
+          .fileName {
             padding-bottom: 8px;
             color: #A9B3C6;
-           /* color: #000000;*/
+            /* color: #000000;*/
           }
-          #attachment-upload{
-            /deep/.image-list{
+
+          #attachment-upload {
+            /deep/.image-list {
               padding: 0;
             }
           }
         }
-        .workorder_description{
-         /* padding: 8px 16px;*/
+
+        .workorder_description {
+          /* padding: 8px 16px;*/
           padding: 8px 0;
+
           /*font-size: 14px;*/
-          .field-name{
+          .field-name {
             width: 100%;
             text-align: left;
             color: #A9B3C6;
-           /* color: #000000;*/
+            /* color: #000000;*/
             line-height: 1;
             padding-bottom: 8px;
           }
+
           /*.required-name{
             margin-left: -6px;
           }*/
 
-         /* /deep/.ck-content .image img{
+          /* /deep/.ck-content .image img{
             max-width: 200px!important;
           }*/
         }
       }
-      .form-field-item-other{
-        /deep/.van-cell{
+
+      .form-field-item-other {
+        /deep/.van-cell {
           flex-direction: column;
         }
-        /deep/.van-cell__value{
+
+        /deep/.van-cell__value {
           min-height: 40px;
         }
       }
-      .explan-ation{
-        .explan-ation-div{
+
+      .explan-ation {
+        .explan-ation-div {
           display: flex;
-         /* padding: 4px 16px;*/
+          /* padding: 4px 16px;*/
           padding: 4px;
         }
-        .explan-ation-p{
-          color: #366aff;font-size: 14px;margin: 16px 4px;
+
+        .explan-ation-p {
+          color: #366aff;
+          font-size: 14px;
+          margin: 16px 4px;
         }
       }
     }
-    .upload-phone-demo{
-      /deep/.el-upload--picture-card{
+
+    .upload-phone-demo {
+      /deep/.el-upload--picture-card {
         background-color: #fbfdff;
         border: 1px dashed #c0ccda;
         border-radius: 6px;
@@ -3422,61 +3312,71 @@ export default {
         vertical-align: top;
         cursor: pointer;
         text-align: center;
-        font-size:28px;
-        color:#8c939d;
+        font-size: 28px;
+        color: #8c939d;
         display: flex;
         align-items: center;
         justify-content: center;
       }
-      /deep/.el-upload-list--picture-card .el-upload-list__item{
+
+      /deep/.el-upload-list--picture-card .el-upload-list__item {
         height: 76px;
         width: 76px;
       }
     }
-    /deep/.van-image__img{
+
+    /deep/.van-image__img {
       border-radius: 10px;
     }
   }
-  .submitClass{
+
+  .submitClass {
     min-width: 100px;
     background-color: #366aff;
-    color: white!important;
+    color: white !important;
     height: 32px;
-    i{
+
+    i {
       padding-right: 8px;
       font-weight: 600;
     }
   }
-  /deep/.van-radio-group--horizontal{
-   .van-radio{
+
+  /deep/.van-radio-group--horizontal {
+    .van-radio {
       min-width: 100px;
       max-width: 260px;
       flex: none;
     }
-    .van-radio--horizontal{
+
+    .van-radio--horizontal {
       padding: 0.3rem 0;
       margin-right: 6px;
     }
   }
-  /deep/.van-checkbox-group--horizontal{
-    .van-checkbox{
+
+  /deep/.van-checkbox-group--horizontal {
+    .van-checkbox {
       min-width: 100px;
       max-width: 260px;
       flex: none;
     }
-    .van-checkbox--horizontal{
+
+    .van-checkbox--horizontal {
       padding: 0.3rem 0;
       margin-right: 6px;
     }
   }
-  /deep/.van-button--info{
-    border:1px solid #366aff;
+
+  /deep/.van-button--info {
+    border: 1px solid #366aff;
   }
-  /deep/.van-field__label{
+
+  /deep/.van-field__label {
     width: 100%;
     text-align: left;
-    color: #A9B3C6!important;
- /*   color: #000000!important;*/
+    color: #A9B3C6 !important;
+    /*   color: #000000!important;*/
     display: flex;
     align-items: center;
     line-height: 1;
@@ -3484,49 +3384,57 @@ export default {
     font-size: 1em;
   }
 
-  /deep/.van-field__control{
+  /deep/.van-field__control {
     min-height: 40px;
   }
-  /deep/textarea{
+
+  /deep/textarea {
     padding: 7px 0;
   }
-  /deep/.van-dropdown-menu__bar{
-    box-shadow: none!important;
+
+  /deep/.van-dropdown-menu__bar {
+    box-shadow: none !important;
   }
-  /deep/.van-overlay{
-    background-color: rgba(0,0,0,.4);
+
+  /deep/.van-overlay {
+    background-color: rgba(0, 0, 0, .4);
   }
 }
 
-.remCompanyClassForm{
+.remCompanyClassForm {
   width: 100%;
   font-size: 1em;
-  .submitClass{
+
+  .submitClass {
     min-width: 100px;
-    color: white!important;
-    background-color:#366aff;
+    color: white !important;
+    background-color: #366aff;
     border-color: #366aff;
-    i{
+
+    i {
       padding-right: 8px;
       font-weight: 600;
     }
   }
-  /deep/.el-checkbox-group{
+
+  /deep/.el-checkbox-group {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
-    .el-checkbox{
+
+    .el-checkbox {
       padding: 8px 0;
-      min-width:150px;
+      min-width: 150px;
       max-width: 280px;
       flex: none;
       display: flex;
       overflow: hidden;
       margin-right: 0;
       display: flex;
-      align-items:center;
+      align-items: center;
     }
-    .el-checkbox__label{
+
+    .el-checkbox__label {
       font-size: 1em;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -3534,20 +3442,22 @@ export default {
     }
   }
 
-  /deep/.el-radio-group{
+  /deep/.el-radio-group {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
-    .el-radio{
+
+    .el-radio {
       padding: 8px 0;
-      min-width:150px;
+      min-width: 150px;
       max-width: 280px;
       flex: none;
       display: flex;
       overflow: hidden;
       margin-right: 0;
     }
-    .el-radio__label{
+
+    .el-radio__label {
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
@@ -3555,27 +3465,33 @@ export default {
     }
   }
 
-  /deep/.el-radio__input.is-checked+.el-radio__label{
-    color: #366aff!important;
+  /deep/.el-radio__input.is-checked+.el-radio__label {
+    color: #366aff !important;
   }
-  /deep/.el-radio__input.is-checked .el-radio__inner{
-    color: #366aff!important;
-    border-color:  #366aff!important;
-    background: #366aff!important;
+
+  /deep/.el-radio__input.is-checked .el-radio__inner {
+    color: #366aff !important;
+    border-color: #366aff !important;
+    background: #366aff !important;
   }
-  /deep/.el-checkbox__input.is-checked+.el-checkbox__label{
-    color: #366aff!important;
+
+  /deep/.el-checkbox__input.is-checked+.el-checkbox__label {
+    color: #366aff !important;
   }
-  /deep/.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
-    background-color: #366aff!important;
-    border-color: #366aff!important;
+
+  /deep/.el-checkbox__input.is-checked .el-checkbox__inner,
+  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
+    background-color: #366aff !important;
+    border-color: #366aff !important;
   }
+
   /deep/.ck .ck-icon {
     width: 14px !important;
     height: 14px !important;
   }
 }
-.drawer-container{
+
+.drawer-container {
   height: 100%;
   overflow: hidden;
 }