Admin
2022-08-30 56176b86dbe59645a26ae0a77cb352e98f8a3061
src/views/specialWorkSystem/workTicket/workApply/components/ground.vue
@@ -16,8 +16,6 @@
                  </el-select>
               </el-form-item>
            </el-col>
         </el-row>
         <el-row>
            <el-col :span="12">
               <el-form-item label="作业时间" prop="workTimeLine">
                  <el-date-picker
@@ -54,17 +52,19 @@
               </el-form-item>
            </el-col>
         </el-row>
            <el-divider border-style="dashed"/>
         <el-row>
            <el-col :span="12">
               <el-form-item label="作业单位" prop="workDetail.operationDepId">
                  <el-select v-model="form.workDetail.operationDepId">
                     <el-option
                           v-for="item in csDepList"
                           :key="item.value"
                           :label="item.label"
                           :value="item.value"
                     />
                  </el-select>
<!--                  <el-select v-model="form.workDetail.operationDepId">-->
<!--                     <el-option-->
<!--                           v-for="item in csDepList"-->
<!--                           :key="item.value"-->
<!--                           :label="item.label"-->
<!--                           :value="item.value"-->
<!--                     />-->
<!--                  </el-select>-->
                  <el-cascader v-model="form.workDetail.operationDepId" :options="departList" :props="casProps" :show-all-levels="false" @change="handleChange" />
               </el-form-item>
            </el-col>
            <el-col :span="12">
@@ -103,7 +103,7 @@
                  <el-upload accept="image/*" :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='imgLimit' v-model:file-list="fileList" :http-request="upload" :action="uploadUrl" list-type="picture-card" :on-remove="handleRemove" :before-remove="beforeRemove" :before-upload="getUploadUrl">
                     <el-icon><Plus /></el-icon>
                     <template #tip>
                        <div class="el-upload__tip">上传jpg/png图片尺寸小于500KB,最多可上传5张</div>
                        <div class="el-upload__tip">上传jpg/png图片尺寸小于500KB,最多可上传3张</div>
                     </template>
                  </el-upload>
               </el-form-item>
@@ -142,7 +142,8 @@
      uploadUrl: string,
      dialogVisible: Boolean,
      dialogImageUrl: string | null,
      imgLimit: number
      imgLimit: number,
      casProps: {}
   }
   interface file {
      url: string;
@@ -150,7 +151,7 @@
   export default {
      name: 'groundForm',
      components: {},
      props:['workerList'],
      props:['workerList','departList'],
      setup(props: any, context: any) {
         const userInfo = useUserInfo()
         const { userInfos } = storeToRefs(userInfo);
@@ -173,7 +174,7 @@
               expEndTime: ''
            },
            fileList: [],
            imgLimit: 5,
            imgLimit: 3,
            uploadUrl: '',
            dialogVisible: false,
            dialogImageUrl: null,
@@ -236,7 +237,15 @@
                  label: '盲板抽堵作业',
                  value: 8
               }
            ]
            ],
            casProps: {
               emitPath: false,
               value: 'depId',
               label: 'depName',
               multiple: false,
               expandTrigger: 'hover',
               checkStrictly: true
            }
         });
         const ruleFormRef = ref<FormInstance>()
         const applyRules = reactive<FormRules>({
@@ -438,7 +447,7 @@
      .el-select{
         width: 100%;
      }
      .el-cascader{
      :deep(.el-cascader){
         width: 100% !important;
      }
   }