¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div class="Questionnairemanagement"> |
| | | <!-- ä¸ä¾§æ --> |
| | | <div class="sidecolumn"> |
| | | <div> |
| | | <el-steps simple :active="Editprogress"> |
| | | <el-step |
| | | icon="el-icon-edit" |
| | | title="åºç¡ä¿¡æ¯" |
| | | description="éæ©æ¨¡çãå½¢å¼çåºç¡ä¿¡æ¯" |
| | | ></el-step> |
| | | <el-step |
| | | icon="el-icon-user" |
| | | title="ä»»å¡ä¸»ä½" |
| | | description="卿¬é¨éæ©æå¡æ£è
" |
| | | ></el-step> |
| | | <el-step icon="el-icon-user" title="模ç确认"></el-step> |
| | | </el-steps> |
| | | </div> |
| | | </div> |
| | | <!-- ä¸ä¾§æ°æ® --> |
| | | <div class="leftvlue" style="margin: 0 20px"> |
| | | <!-- åºæ¬ä¿¡æ¯ --> |
| | | <div v-if="Editprogress == 1"> |
| | | <el-alert title="éæ©æ¨¡çãå½¢å¼çåºç¡ä¿¡æ¯" type="success" effect="dark"> |
| | | </el-alert> |
| | | <div class="leftvlue-jbxx"> |
| | | <!-- åºç¡ä¿¡æ¯ --> |
| | | <div class="examine-jic"> |
| | | <div class="headline"> |
| | | <div>åºç¡ä¿¡æ¯</div> |
| | | </div> |
| | | <div class="jic-value"> |
| | | <el-form ref="form" :model="form" label-width="105px"> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="12" |
| | | ><el-form-item label="ä»»å¡åç§°"> |
| | | <el-input |
| | | style="width: 220px" |
| | | v-model="form.taskName" |
| | | placeholder="请è¾å
¥ä»»å¡åç§°" |
| | | /> </el-form-item |
| | | ></el-col> |
| | | <el-col :span="8" |
| | | ><el-form-item label="模çåç§°"> |
| | | <el-input |
| | | style="width: 220px" |
| | | :disabled="true" |
| | | v-model="form.templatename" |
| | | placeholder="请å¨ä¸åéæ©" |
| | | /> </el-form-item |
| | | ></el-col> |
| | | <el-col :span="4"> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-edit" |
| | | circle |
| | | ></el-button> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-form-item label="ä»»å¡æè¿°"> |
| | | <el-input |
| | | type="textarea" |
| | | v-model="form.taskDesc" |
| | | placeholder="请è¾å
¥ä»»å¡æè¿°" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="åé设置ï¼" v-if="currenttype != 2"> |
| | | <el-radio-group v-model="form.sendType"> |
| | | <el-radio :label="1">æ¶é´æ®µåé</el-radio> |
| | | <el-radio :label="3">æ¶é´ç¹åé</el-radio> |
| | | <el-radio :label="2">å³å»åé</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item label="å鿥æï¼" v-if="form.sendType == 1"> |
| | | <el-date-picker |
| | | v-model="daytime" |
| | | @change="changeTimeday" |
| | | type="daterange" |
| | | range-separator="è³" |
| | | start-placeholder="å¼å§æ¥æ" |
| | | end-placeholder="ç»ææ¥æ" |
| | | value-format="yyyy-MM-dd" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="åéæ¶é´ç¹ï¼" v-if="form.sendType == 3"> |
| | | <div style="display: flex"> |
| | | <div style="margin-right: 10px"> |
| | | <el-date-picker |
| | | v-model="time4" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | @change="Totaldate" |
| | | type="datetime" |
| | | placeholder="éæ©æ¥ææ¶é´" |
| | | > |
| | | </el-date-picker> |
| | | </div> |
| | | </div> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="åéæ¶é´æ®µï¼" v-if="form.sendType == 1"> |
| | | <div style="display: flex"> |
| | | <div style="margin-right: 10px"> |
| | | <span style="font-size: 18px; margin-right: 10px" |
| | | >æ¶é´æ®µä¸</span |
| | | > |
| | | <el-time-picker |
| | | is-range |
| | | arrow-control |
| | | @change="changeTime" |
| | | v-model="time1" |
| | | range-separator="è³" |
| | | start-placeholder="å¼å§æ¶é´" |
| | | end-placeholder="ç»ææ¶é´" |
| | | placeholder="éæ©æ¶é´èå´" |
| | | value-format="HH:mm:ss" |
| | | > |
| | | </el-time-picker> |
| | | </div> |
| | | <div style="margin-right: 10px"> |
| | | <span style="font-size: 18px; margin-right: 10px" |
| | | >æ¶é´æ®µäº</span |
| | | > |
| | | <el-time-picker |
| | | is-range |
| | | arrow-control |
| | | @change="changeTime" |
| | | v-model="time2" |
| | | range-separator="è³" |
| | | start-placeholder="å¼å§æ¶é´" |
| | | end-placeholder="ç»ææ¶é´" |
| | | placeholder="éæ©æ¶é´èå´" |
| | | value-format="HH:mm:ss" |
| | | > |
| | | </el-time-picker> |
| | | </div> |
| | | <div style="margin-right: 10px"> |
| | | <span style="font-size: 18px; margin-right: 10px" |
| | | >æ¶é´æ®µä¸</span |
| | | > |
| | | <el-time-picker |
| | | is-range |
| | | arrow-control |
| | | @change="changeTime" |
| | | v-model="time3" |
| | | range-separator="è³" |
| | | start-placeholder="å¼å§æ¶é´" |
| | | end-placeholder="ç»ææ¶é´" |
| | | placeholder="éæ©æ¶é´èå´" |
| | | value-format="HH:mm:ss" |
| | | > |
| | | </el-time-picker> |
| | | </div> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="æå¡å½¢å¼"> |
| | | <el-checkbox-group v-model="checkList"> |
| | | <el-checkbox |
| | | v-for="(item, index) in checkboxlist" |
| | | :key="index" |
| | | :label="item" |
| | | ></el-checkbox> |
| | | </el-checkbox-group> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | </div> |
| | | <div class="examine-jic"> |
| | | <div class="headline"> |
| | | <div>{{ title }}</div> |
| | | </div> |
| | | <div class="examine-jic"> |
| | | <div class="jic-value"> |
| | | <el-row :gutter="20"> |
| | | <!--ç¨æ·æ°æ®--> |
| | | |
| | | <el-form |
| | | :model="topqueryParams" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="98px" |
| | | > |
| | | <el-form-item |
| | | label="宣æä¸»é¢" |
| | | v-if="currenttype == 1 || currenttype == 8" |
| | | > |
| | | <el-input v-model="topqueryParams.name"></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | label="é访åç§°" |
| | | v-if=" |
| | | currenttype == 2 || currenttype == 3 || currenttype == 7 |
| | | " |
| | | > |
| | | <el-input |
| | | v-model="topqueryParams.name" |
| | | ></el-input> </el-form-item |
| | | ><el-form-item |
| | | label="éç¥åç§°" |
| | | v-if="currenttype == 4 || currenttype == 5" |
| | | > |
| | | <el-input |
| | | v-model="topqueryParams.name" |
| | | ></el-input> </el-form-item |
| | | ><el-form-item label="使£å¥é¤" v-if="currenttype == 5"> |
| | | <el-input v-model="topqueryParams.name"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="é®å·ä¸»é¢" v-if="currenttype == 6"> |
| | | <el-input v-model="topqueryParams.name"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="éç¨ç¾ç
" v-if="currenttype != 5"> |
| | | <el-input v-model="topqueryParams.name"></el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item |
| | | label="宣æç±»å" |
| | | prop="status" |
| | | v-if="currenttype == 1 || currenttype == 8" |
| | | > |
| | | <el-select |
| | | v-model="topqueryParams.topic" |
| | | placeholder="è¯·éæ©" |
| | | > |
| | | <el-option |
| | | v-for="item in taskoptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item |
| | | label="éç¥ç±»å" |
| | | prop="status" |
| | | v-if="currenttype == 4 || currenttype == 5" |
| | | > |
| | | <el-select |
| | | v-model="topqueryParams.topic" |
| | | placeholder="è¯·éæ©" |
| | | > |
| | | <el-option |
| | | v-for="item in taskoptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item |
| | | label="é访类å" |
| | | prop="status" |
| | | v-if=" |
| | | currenttype == 2 || currenttype == 3 || currenttype == 7 |
| | | " |
| | | > |
| | | <el-select |
| | | v-model="topqueryParams.topic" |
| | | placeholder="è¯·éæ©" |
| | | > |
| | | <el-option |
| | | v-for="item in taskoptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item |
| | | label="é®å·ç±»å" |
| | | prop="status" |
| | | v-if="currenttype == 6" |
| | | > |
| | | <el-select |
| | | v-model="topqueryParams.topic" |
| | | placeholder="è¯·éæ©" |
| | | > |
| | | <el-option |
| | | v-for="item in taskoptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="éç¨å½¢å¼" prop="status"> |
| | | <el-select |
| | | v-model="topqueryParams.topica" |
| | | placeholder="è¯·éæ©" |
| | | > |
| | | <el-option |
| | | v-for="item in taskoptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="éç¨ç§å®¤" prop="status"> |
| | | <el-select |
| | | v-model="topqueryParams.topicd" |
| | | placeholder="è¯·éæ©" |
| | | > |
| | | <el-option |
| | | v-for="item in topicoptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | | size="medium" |
| | | @click="handleQuery" |
| | | >æç´¢</el-button |
| | | > |
| | | <el-button |
| | | icon="el-icon-refresh" |
| | | size="medium" |
| | | @click="resetQuery" |
| | | >éç½®</el-button |
| | | > |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-divider></el-divider> |
| | | <!-- éæ©æ¨¡çå表 --> |
| | | <SFtable |
| | | @selectfn="selectfn" |
| | | :currentList="userList" |
| | | :tableLabel="tableLabel" |
| | | :controlsc="false" |
| | | :multiplechoice="false" |
| | | :typeinfo="1" |
| | | /> |
| | | <pagination |
| | | v-show="total > 0" |
| | | :total="total" |
| | | :page.sync="topqueryParams.pageNum" |
| | | :limit.sync="topqueryParams.pageSize" |
| | | @pagination="Acquisitiontype" |
| | | /> |
| | | </el-row> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <el-button type="success" @click="nextstep('ruleForm')">{{ |
| | | quote ? "ç«å³å建" : "ä»»å¡è¯¦æ
é
ç½®" |
| | | }}</el-button> |
| | | <el-button @click="resetForm('ruleForm')">éç½®</el-button> |
| | | </div> |
| | | |
| | | <!-- ä»»å¡è¯¦æ
--> |
| | | <div v-if="Editprogress == 2"> |
| | | <el-alert title="卿¬é¶æ®µéæ©å®£æç
人" type="success" effect="dark"> |
| | | </el-alert> |
| | | <div class="leftvlue-jbxx"> |
| | | <div class="examine-jic"> |
| | | <div class="headline"> |
| | | <div>åéå¹é
éå</div> |
| | | </div> |
| | | <div class="examine-jic"> |
| | | <div class="jic-value"> |
| | | <el-row :gutter="20"> |
| | | <el-table :data="variableList" style="width: 100%"> |
| | | <el-table-column |
| | | prop="name" |
| | | align="center" |
| | | label="åéåç§°" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column prop="value" align="center" label="å¹é
符"> |
| | | </el-table-column> |
| | | <el-table-column label="æ¿æ¢å¼" align="center"> |
| | | <template slot-scope="scope"> |
| | | <el-input |
| | | :disabled="scope.row.default" |
| | | v-model="scope.row.fill" |
| | | placeholder="请è¾å
¥å
容" |
| | | ></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="æä½" align="center"> |
| | | <template slot-scope="scope"> |
| | | <!-- <el-button |
| | | size="mini" |
| | | @click="variableEdit(scope.$index, scope.row)" |
| | | >ç¼è¾</el-button |
| | | > --> |
| | | <el-button |
| | | size="mini" |
| | | type="danger" |
| | | @click="variableDelete(scope.$index, scope.row)" |
| | | >å é¤</el-button |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-row> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="examine-jic"> |
| | | <div class="headline"> |
| | | <div>æ£è
å表</div> |
| | | </div> |
| | | <div class="examine-jic"> |
| | | <div class="jic-value"> |
| | | <el-row :gutter="20"> |
| | | <!--ç¨æ·æ°æ®--> |
| | | <el-form |
| | | :model="topqueryParams" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="98px" |
| | | > |
| | | <el-form-item label="æ£è
åç§°"> |
| | | <el-input v-model="topqueryParams.name"></el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="æ£è
èå´" prop="status"> |
| | | <el-select |
| | | v-model="topqueryParams.topic" |
| | | placeholder="è¯·éæ©" |
| | | > |
| | | <el-option |
| | | v-for="item in taskoptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="æ£è
ç¶æ" prop="status"> |
| | | <el-select |
| | | v-model="topqueryParams.topic" |
| | | placeholder="è¯·éæ©" |
| | | > |
| | | <el-option |
| | | v-for="item in topicoptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="éè®¿ç»æ" prop="status"> |
| | | <el-select |
| | | v-model="topqueryParams.topic" |
| | | placeholder="è¯·éæ©" |
| | | > |
| | | <el-option |
| | | v-for="item in topicoptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="æ£è
çµè¯"> |
| | | <el-input v-model="topqueryParams.name"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | | size="medium" |
| | | @click="handleQuery" |
| | | >æç´¢</el-button |
| | | > |
| | | <el-button |
| | | icon="el-icon-refresh" |
| | | size="medium" |
| | | @click="resetQuery" |
| | | >éç½®</el-button |
| | | > |
| | | <el-button |
| | | icon="el-icon-upload2" |
| | | size="medium" |
| | | type="warning" |
| | | >å½åæ£è
ä¸é®åé</el-button |
| | | > |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-divider></el-divider> |
| | | <el-row :gutter="10" class="mb8"> |
| | | <el-col :span="1.5"> |
| | | <el-select |
| | | v-model="patientqueryParams.allhosp" |
| | | placeholder="è¯·éæ©æ°å¢ç±»å" |
| | | > |
| | | <el-option |
| | | v-for="item in taskoptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-plus" |
| | | size="medium" |
| | | :disabled="!patientqueryParams.allhosp" |
| | | @click="handleAddpatient" |
| | | >æ°å¢</el-button |
| | | > |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="danger" |
| | | plain |
| | | icon="el-icon-delete" |
| | | size="medium" |
| | | :disabled="multiple" |
| | | @click="handleDelete" |
| | | >å é¤</el-button |
| | | > |
| | | </el-col> |
| | | |
| | | <!-- <el-col :span="1.5"> </el-col> --> |
| | | </el-row> |
| | | <!-- é䏿£è
å表 --> |
| | | <SFtable |
| | | @details="detailhz" |
| | | @handleUpdate="handleUpdate" |
| | | :currentList="overallCase" |
| | | :tableLabel="tableLabelhz" |
| | | :serialnumber="false" |
| | | :multiplechoice="false" |
| | | :controlxz="false" |
| | | :typeinfo="2" |
| | | /> |
| | | <pagination |
| | | v-show="total > 0" |
| | | :total="total" |
| | | :page.sync="topqueryParams.pageNum" |
| | | :limit.sync="topqueryParams.pageSize" |
| | | @pagination="getList" |
| | | /> |
| | | </el-row> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <el-button type="primary" @click="laststep()">ä¸ä¸æ¥</el-button> |
| | | <el-button type="success" @click="submitForm('ruleForm')">{{ |
| | | quote ? "ç«å³å建" : "确认任å¡é
ç½®" |
| | | }}</el-button> |
| | | <el-button @click="resetForm('ruleForm')">éç½®</el-button> |
| | | </div> |
| | | </div> |
| | | <!-- æ·»å æ£è
--> |
| | | <el-dialog |
| | | title="æ·»å æ´¾åæ£è
" |
| | | :visible.sync="dialogVisiblepatient" |
| | | width="70%" |
| | | :before-close="handleClosehz" |
| | | :close-on-click-modal="false" |
| | | > |
| | | <div class="examine-jic"> |
| | | <div class="jic-value"> |
| | | <el-row :gutter="20"> |
| | | <!--ç¨æ·æ°æ®--> |
| | | <el-form |
| | | :model="patientqueryParams" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="98px" |
| | | > |
| | | <el-form-item label="æ£è
åç§°ï¼"> |
| | | <el-input v-model="patientqueryParams.name"></el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="å°±è¯ç§å®¤" prop="status"> |
| | | <el-select |
| | | v-model="patientqueryParams.topic" |
| | | placeholder="è¯·éæ©" |
| | | > |
| | | <el-option-group |
| | | v-for="group in topicoptions[0].children" |
| | | :key="group.deptName" |
| | | :label="group.deptName" |
| | | > |
| | | <el-option |
| | | v-for="item in group.children" |
| | | :key="item.deptId" |
| | | :label="item.deptName" |
| | | :value="item.deptId" |
| | | > |
| | | </el-option> |
| | | </el-option-group> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | | size="medium" |
| | | @click="handleQuery" |
| | | >æç´¢</el-button |
| | | > |
| | | <el-button |
| | | icon="el-icon-refresh" |
| | | size="medium" |
| | | @click="resetQuery" |
| | | >åæ¶å建</el-button |
| | | > |
| | | </el-form-item> |
| | | </el-form> |
| | | <!-- éæ©æ£è
å表 --> |
| | | <SFtable |
| | | ref="multipleTable" |
| | | @handleUpdate="handleUpdate" |
| | | @handleSelectionChange="handleSelectionChange" |
| | | :currentList="patientuserList" |
| | | :tableLabel="tableLabelhz" |
| | | :serialnumber="false" |
| | | :center="false" |
| | | :typeinfo="3" |
| | | /> |
| | | </el-row> |
| | | <pagination |
| | | v-show="patienttotal > 0" |
| | | :total="patienttotal" |
| | | :page.sync="patientqueryParams.pageNum" |
| | | :limit.sync="patientqueryParams.pageSize" |
| | | @pagination="handleAddpatient" |
| | | /> |
| | | </div> |
| | | </div> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="dialogVisiblepatient = false">å æ¶</el-button> |
| | | <el-button type="primary" @click="AddDispatchpatients" |
| | | >ç¡®å®æ·»å </el-button |
| | | > |
| | | </span> |
| | | </el-dialog> |
| | | <el-dialog title="模çé¢è§" :visible.sync="previewtf" width="60%"> |
| | | <div class="preview-left"> |
| | | <!-- åé --> |
| | | <div |
| | | class="topic-dev" |
| | | v-for="(item, index) in questionList" |
| | | :key="item.aaa" |
| | | > |
| | | <div class="dev-text"> |
| | | {{ index + 1 }}ã<span>{{ item.questionText }}</span> |
| | | </div> |
| | | |
| | | <div class="dev-xx" v-if="item.valueType == 1"> |
| | | <el-radio-group v-model="item.radio"> |
| | | <el-radio |
| | | v-for="(items, index) in item.ivrLibaScriptTargetoptionList" |
| | | :key="items.id" |
| | | :label="items.id" |
| | | >{{ items.targetvalue }} |
| | | </el-radio> |
| | | </el-radio-group> |
| | | </div> |
| | | <div v-else> |
| | | <el-input |
| | | type="textarea" |
| | | placeholder="æªè·åå°ä¿¡æ¯" |
| | | v-model.sync="item.questionResult" |
| | | :rows="2" |
| | | /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="previewGo">å徿¨¡ç详æ
ä¿®æ¹</el-button> |
| | | <el-button type="primary" @click="previewFn">确认使ç¨</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { messagelistpatient } from "@/api/patient/homepage"; |
| | | import store from "@/store"; |
| | | import { |
| | | getTaskpatient, |
| | | getlibrarylist, |
| | | getFollowuplist, |
| | | getQtemplatelist, |
| | | TaskQuestioncomit, |
| | | Questionnairetaskget, |
| | | gethetaskinfo, |
| | | delhetaskinfo, |
| | | Questionnairetaskdetails, |
| | | } from "@/api/AiCentre/index"; |
| | | import { listDept } from "@/api/system/dept"; |
| | | |
| | | import SFtable from "@/components/SFtable"; //è¡¨æ ¼ç»ä»¶ |
| | | |
| | | export default { |
| | | name: "ServiceDetails", |
| | | data() { |
| | | return { |
| | | title: "宣æå
容å表", |
| | | currenttype: 1, //1宣æ2é¨è¯3åºé¢4å¤è¯5使£6é®å· |
| | | id: "", // |
| | | previewid: "", //任塿¨¡çä¼ éid |
| | | libName: "", |
| | | overallCase: [], //éæ©æ£è
æ» |
| | | allpids: [], |
| | | libId: null, //模æ¿åºæ¨¡çid |
| | | Editprogress: 1, //ç¼è¾è¿åº¦ |
| | | previewtf: false, //é¢è§ |
| | | loading: false, // é®ç½©å± |
| | | patientloading: false, // é®ç½©å± |
| | | dialogVisiblepatient: false, //æ·»å æ£è
å¼¹æ¡ |
| | | radio: 1, |
| | | checkboxlist: [], |
| | | tableLabel: [], |
| | | questionList: [], |
| | | // æ£è
表å |
| | | tableLabelhz: [ |
| | | { label: "åºå·", width: "", prop: "patid" }, |
| | | { label: "æ£è
åç§°", width: "", prop: "name" }, |
| | | { label: "æ§å«", width: "", prop: "sex" }, |
| | | { label: "å¹´é¾", width: "", prop: "age" }, |
| | | { label: "å°±è¯ç§å®¤", width: "", prop: "deptName" }, |
| | | { label: "å
¥é¢æ¥æ", width: "", prop: "inhosptime" }, |
| | | { label: "å建人ï¼ç¼ºï¼", width: "", prop: "update_by" }, |
| | | ], |
| | | |
| | | tableLabelwj: [ |
| | | { label: "é®å·åç§°", width: "", prop: "name" }, |
| | | { label: "é®å·æ¨¡ç", width: "", prop: "impTemplate" }, |
| | | { label: "ä¿®æ¹æ¥æ", width: "", prop: "uploadTime" }, |
| | | { label: "å建人ï¼ç¼ºï¼", width: "", prop: "updateBy" }, |
| | | ], |
| | | // åé |
| | | tableLabelvariable: [ |
| | | { label: "åéåç§°", width: "", prop: "variablename" }, |
| | | { label: "å¹é
符", width: "", prop: "character" }, |
| | | { label: "æ¿æ¢å¼", width: "", prop: "Replacementvalue" }, |
| | | ], |
| | | preachform: [ |
| | | { label: "å¤åªä½", value: 1 }, |
| | | { label: "纸质", value: 2 }, |
| | | { label: "çµè¯", value: 3 }, |
| | | { label: "çä¿¡", value: 4 }, |
| | | { label: "微信å
¬ä¼å·", value: 5 }, |
| | | { label: "微信å°ç¨åº", value: 6 }, |
| | | { label: "æ¯ä»å®", value: 7 }, |
| | | { label: "æºè½å°ç¨åº", value: 8 }, |
| | | { label: "éé", value: 9 }, |
| | | ], |
| | | // æ¶é´å¤ç |
| | | daytime: [], //æ¥æ |
| | | applydaytime: [], //è®¡ç®æ¥æ |
| | | time1: "", //ä¸åæ¶é´æ®µ |
| | | time2: "", //ä¸åæ¶é´æ®µ |
| | | time3: "", //æä¸æ¶é´æ®µ |
| | | time4: "", //æä¸æ¶é´æ®µ |
| | | topqueryParams: { |
| | | pageNum: 1, // |
| | | pageSize: 10, |
| | | }, |
| | | checkList: [], |
| | | deliverytopqueryParams: { |
| | | pageNum: 1, // |
| | | pageSize: 10, |
| | | }, |
| | | patientqueryParams: { |
| | | pageNum: 1, // |
| | | pageSize: 10, |
| | | }, |
| | | topicoptions: [{ children: [{ children: [] }] }], |
| | | showSearch: true, // |
| | | total: 0, // |
| | | sontotal: 0, // |
| | | patienttotal: 0, // |
| | | // é䏿°ç» |
| | | ids: [], |
| | | // éå个ç¦ç¨ |
| | | single: true, |
| | | // éå¤ä¸ªç¦ç¨ |
| | | multiple: true, |
| | | // ç¨æ·è¡¨æ ¼æ°æ® |
| | | userList: [], //模çå表 |
| | | patientuserList: [], //éæ©æ£è
å表 |
| | | sonuserList: [], //é䏿£è
å表 |
| | | delvariableList: [], //å é¤åé临æ¶åå¨ |
| | | variableList: [ |
| | | { |
| | | name: "å§å", |
| | | value: "${name}", |
| | | fill: "æ´¾åæ¶èªå¨å¹é
", |
| | | default: true, |
| | | }, |
| | | { |
| | | name: "å°å", |
| | | value: "${dzz}", |
| | | fill: "æ´¾åæ¶èªå¨å¹é
", |
| | | default: true, |
| | | }, |
| | | { |
| | | name: "çµè¯", |
| | | value: "${dhh}", |
| | | fill: "æ´¾åæ¶èªå¨å¹é
", |
| | | default: true, |
| | | }, |
| | | ], //åéå表 |
| | | transitionList: [ |
| | | { |
| | | name: "å§å", |
| | | value: "${name}", |
| | | fill: "æ´¾åæ¶èªå¨å¹é
", |
| | | default: true, |
| | | }, |
| | | { |
| | | name: "å°å", |
| | | value: "${dzz}", |
| | | fill: "æ´¾åæ¶èªå¨å¹é
", |
| | | default: true, |
| | | }, |
| | | { |
| | | name: "çµè¯", |
| | | value: "${dhh}", |
| | | fill: "æ´¾åæ¶èªå¨å¹é
", |
| | | default: true, |
| | | }, |
| | | ], |
| | | variableListTime: [], |
| | | tasktopic: null, //æ°å¢ç±»å |
| | | SelectPatientslist: [], |
| | | form: { |
| | | patTaskRelevances: [], |
| | | sendType: 1, |
| | | templatename: "", |
| | | templateid: null, |
| | | libtemplateid: null, |
| | | }, |
| | | taskoptions: [ |
| | | { |
| | | value: "1", |
| | | label: "åºé¢ç
人", |
| | | }, |
| | | { |
| | | value: "2", |
| | | label: "é¨è¯ç
人", |
| | | }, |
| | | { |
| | | value: "3", |
| | | label: "使£ç
人", |
| | | }, |
| | | ], |
| | | quote: false, |
| | | }; |
| | | }, |
| | | components: { SFtable }, |
| | | |
| | | created() { |
| | | this.id = this.$route.query.id; |
| | | this.form.hospType = this.$route.query.type; |
| | | this.listDept(); |
| | | this.Acquisitiontype(); |
| | | this.Getdetails(); |
| | | }, |
| | | |
| | | methods: { |
| | | // { |
| | | // å§å: { "${name}": "é¾å²å¤©" }, |
| | | // å°å: { "${dzz}": "é¾å®«" }, |
| | | // çµè¯: { "${dhh}": "å
«ä¸ªå
«" }, |
| | | // } |
| | | // åé转æ¢å¯¹è±¡è½¬æ°ç» |
| | | convertFormat1ToFormat2(data) { |
| | | let result = []; |
| | | for (let key in data) { |
| | | let innerKey = Object.keys(data[key])[0]; |
| | | result.push({ |
| | | name: key, |
| | | value: innerKey, |
| | | fill: data[key][innerKey], |
| | | }); |
| | | } |
| | | return result; |
| | | }, |
| | | // æ°ç»è½¬å¯¹è±¡ |
| | | convertFormat2ToFormat1(data) { |
| | | let result = {}; |
| | | data.forEach((item) => { |
| | | let innerObj = {}; |
| | | innerObj[item.value] = item.fill; |
| | | result[item.name] = innerObj; |
| | | }); |
| | | return result; |
| | | }, |
| | | // è·åå½åç±»å |
| | | Acquisitiontype() { |
| | | let queryParams = { |
| | | pageNum: this.topqueryParams.pageNum, |
| | | pageSize: this.topqueryParams.pageSize, |
| | | isavailable: "", |
| | | }; |
| | | this.currenttype = this.$route.query.type; |
| | | this.title = "é®å·å
容å表"; |
| | | this.tableLabel = this.tableLabelwj; |
| | | this.checkboxlist = ["线ä¸ï¼çº¸è´¨ï¼", "线ä¸ï¼çä¿¡/ééçææ¬ãé®å·é¾æ¥ï¼"]; |
| | | getQtemplatelist(queryParams).then((response) => { |
| | | this.userList = response.rows; |
| | | this.total = response.total; |
| | | }); |
| | | }, |
| | | nextstep() { |
| | | if (this.Editprogress <= 3) { |
| | | return this.Editprogress++; |
| | | } |
| | | }, |
| | | // ä¿å |
| | | submitForm(formName) { |
| | | // this.form.preachform = this.checkList.join(","); |
| | | this.formatFn(1); |
| | | this.form.hospType = this.currenttype; |
| | | const filteredArray = this.variableList.filter( |
| | | (item) => |
| | | item.name !== "å§å" && item.name !== "çµè¯" && item.name !== "å°å" |
| | | ); |
| | | console.log(filteredArray, "åååé"); |
| | | this.form.textParam = this.convertFormat2ToFormat1(filteredArray); |
| | | if (this.form.taskid) { |
| | | this.form.isoperation = 2; |
| | | } else { |
| | | this.form.isoperation = 1; |
| | | } |
| | | Questionnairetaskdetails(this.form).then((res) => { |
| | | if (res.code == 200) { |
| | | if (this.form.taskid) { |
| | | this.$modal.msgSuccess("æ°å¢æå"); |
| | | } else { |
| | | this.$modal.msgSuccess("ä¿®æ¹æå"); |
| | | } |
| | | this.$router.go(-1); |
| | | } |
| | | }); |
| | | }, |
| | | // ----------------------è¡¨æ ¼åç»ä»¶äºä»¶ |
| | | // ç¡®è®¤éæ©æ¨¡çæ¾å
¥ä»»å¡æ¨¡ç |
| | | selectfn(row, type) { |
| | | // 模çæ
åµä¸è·å模çä¿¡æ¯ |
| | | if (type == 1) { |
| | | if ( |
| | | this.currenttype == 2 || |
| | | this.currenttype == 4 || |
| | | this.currenttype == 3 || |
| | | currenttype == 5 || |
| | | currenttype == 7 |
| | | ) { |
| | | this.libName = row.templateName; |
| | | this.libId = row.id; |
| | | } else if (this.currenttype == 1) { |
| | | this.libName = row.preachname; |
| | | this.libId = row.id; |
| | | } |
| | | getQtemplatelist({ id: row.id }).then((res) => { |
| | | if (res.code == 200) { |
| | | this.Tasktemplate = res.data; |
| | | const data = res.data; |
| | | this.questionList = data.ivrLibaTemplateScriptVOList; |
| | | this.previewtf = true; |
| | | this.previewid = data.id; |
| | | console.log(this.questionList, "questionList"); |
| | | this.Variablehandling(data.ivrLibaTemplateScriptVOList, 1); |
| | | } |
| | | }); |
| | | } else if (type == 2) { |
| | | } else if (type == 3) { |
| | | } |
| | | }, |
| | | // å¤çé®é¢å±åé |
| | | Variablehandling(arr, type) { |
| | | let Variablist = []; |
| | | if (type == 1) { |
| | | console.log(arr); |
| | | // 循ç¯é®é¢ |
| | | arr.forEach((res) => { |
| | | console.log(JSON.parse(res.otherdata), "ss"); |
| | | // 循ç¯é项 |
| | | JSON.parse(res.otherdata).forEach((item) => { |
| | | if (item.default != 1) { |
| | | Variablist.push({ |
| | | value: item.variate, |
| | | fill: "", |
| | | name: item.variatename, |
| | | }); |
| | | } |
| | | }); |
| | | }); |
| | | console.log(Variablist, "Variablist"); |
| | | const Aarr = Variablist.filter( |
| | | (obj, index, self) => |
| | | index === |
| | | self.findIndex((t) => t.name === obj.name && t.value === obj.value) |
| | | ); |
| | | this.variableList = this.transitionList.concat(Aarr); |
| | | // this.form.textParam = this.convertFormat2ToFormat1(this.variableList); |
| | | } |
| | | }, |
| | | // åä»»å¡äºçº§å¼¹æ¡ |
| | | handleAddpatient(row) { |
| | | console.log(this.overallCase, "ssaaa"); |
| | | this.allpids = []; |
| | | this.overallCase.forEach((item) => { |
| | | this.allpids.push(item.patid); |
| | | }); |
| | | if (this.allpids[0]) { |
| | | this.patientqueryParams.pids = this.allpids; |
| | | console.log(this.patientqueryParams.pids); |
| | | } else { |
| | | this.patientqueryParams.pids = null; |
| | | } |
| | | |
| | | getTaskpatient(this.patientqueryParams).then((response) => { |
| | | console.log(response); |
| | | this.patientuserList = response.rows; |
| | | this.patienttotal = response.total; |
| | | this.loading = false; |
| | | this.Restorecheck(); |
| | | }); |
| | | this.dialogVisiblepatient = true; |
| | | }, |
| | | handleUpdate() {}, |
| | | handleDelete() {}, |
| | | handleExport() {}, |
| | | // é䏿£è
表 |
| | | handlePitchionChange() {}, |
| | | // éæ©æ£è
è¡¨æ°æ® |
| | | handleSelectionChange(selection) { |
| | | console.log("å¤éæ£è
"); |
| | | this.SelectPatientslist = selection; |
| | | this.multiple = !selection.length; |
| | | |
| | | // èµå¼ç»æ´ä½é䏿°ç» |
| | | this.SelectPatientslist.forEach((item) => { |
| | | const isExist = this.overallCase.find((obj) => obj.name == item.name); |
| | | if (!isExist) { |
| | | item.isoperation = 1; |
| | | this.overallCase.push(item); |
| | | this.form.patTaskRelevances.push(item); |
| | | } |
| | | }); |
| | | }, |
| | | // 忢页忢å¤éä¸ |
| | | Restorecheck() { |
| | | console.log(this.overallCase, "this.overallCase"); |
| | | const allid = this.overallCase.map((item) => item.patid); |
| | | const overlap = this.patientuserList.filter((value) => { |
| | | return allid.includes(value.patid); |
| | | }); |
| | | // ä¿æidsåå½å页é¢çåæ¥æ§ |
| | | this.SelectPatientslist = overlap; |
| | | console.log(this.SelectPatientslist, "è¿å
¥å页SelectPatientslist"); |
| | | |
| | | this.toggleSelection(overlap); |
| | | }, |
| | | // æè½½éæ©ç¶æ |
| | | toggleSelection(rows) { |
| | | if (rows) { |
| | | this.decision = true; |
| | | this.$nextTick(() => { |
| | | rows.forEach((row) => { |
| | | this.$refs.multipleTable.toggleRowSelection(row, true); |
| | | }); |
| | | this.decision = false; |
| | | }); |
| | | console.log(123); |
| | | } else { |
| | | this.$refs.multipleTable.clearSelection(); |
| | | } |
| | | }, |
| | | // å é¤é䏿£è
|
| | | detailhz(row, info) { |
| | | this.$modal |
| | | .confirm('æ¯å¦ç¡®è®¤å 餿£è
"' + row.name + '"çæå¡é¡¹ï¼') |
| | | .then(() => { |
| | | let indexa = this.overallCase.indexOf(row); |
| | | let indexb = this.form.patTaskRelevances.indexOf(row); |
| | | this.overallCase.splice(indexa, 1); |
| | | this.form.patTaskRelevances[indexb].isoperation = 3; |
| | | this.$modal.msgSuccess("å 餿å"); |
| | | }); |
| | | }, |
| | | getList() {}, |
| | | handleQuery() { |
| | | this.handleAddpatient(); |
| | | }, |
| | | resetQuery() {}, |
| | | handleClosehz() { |
| | | this.dialogVisiblepatient = false; |
| | | }, |
| | | // ä¸ä¸æ¥ |
| | | laststep() { |
| | | this.Editprogress--; |
| | | }, |
| | | // æäº¤è¡¨å |
| | | resetForm(formName) { |
| | | this.$refs[formName].resetFields(); |
| | | }, |
| | | // é¢è§æ¨¡ç |
| | | PreviewTemplate() {}, |
| | | Acknowledgereference() { |
| | | this.quote = true; |
| | | }, |
| | | // è·å详æ
|
| | | Getdetails() { |
| | | if (this.id) { |
| | | Questionnairetaskget({ taskid: this.id }).then((res) => { |
| | | let filteredArray = ""; |
| | | console.log(2233); |
| | | if (res.code == 200) { |
| | | this.form = res.data; |
| | | this.overallCase = this.form.patTaskRelevances.concat(); |
| | | this.formatFn(2); |
| | | console.log(this.form.showDate, "this.form"); |
| | | this.daytime = this.form.showDate.split(","); |
| | | if (this.form.showTimeMorn) { |
| | | if (this.form.sendType == 3) { |
| | | this.time4 = this.form.showTimeMorn; |
| | | } else { |
| | | this.time1 = this.form.showTimeMorn.split(","); |
| | | } |
| | | } |
| | | if (this.form.showTimeNoon) |
| | | this.time2 = this.form.showTimeNoon.split(","); |
| | | if (this.form.showTimeNight) |
| | | this.time3 = this.form.showTimeNight.split(","); |
| | | console.log(1122); |
| | | filteredArray = this.convertFormat1ToFormat2(this.form.textParam); |
| | | this.variableList = this.transitionList.concat(filteredArray); |
| | | } else { |
| | | this.$modal.msgError(res.code); |
| | | } |
| | | }); |
| | | } |
| | | }, |
| | | // è·åç§å®¤å表 |
| | | listDept() { |
| | | listDept().then((res) => { |
| | | this.topicoptions = this.handleTree(res.data, "deptId"); |
| | | console.log(this.topicoptions, "topicoptions"); |
| | | }); |
| | | }, |
| | | // æ°å¢æ´¾éæ£è
|
| | | AddDispatchpatients() { |
| | | // this.SelectPatientslist.forEach((item) => { |
| | | // item.isoperation = 1; |
| | | // }); |
| | | // this.form.patTaskRelevances.push(...this.SelectPatientslist); |
| | | // this.overallCase.push(...this.SelectPatientslist); |
| | | this.dialogVisiblepatient = false; |
| | | }, |
| | | |
| | | variableDelete(index, row) { |
| | | this.variableList.splice(index, 1); |
| | | row.isoperation = 3; |
| | | this.delvariableList.push(row); |
| | | console.log(index, row); |
| | | }, |
| | | // æ¶é´---------- |
| | | changeTime(row) { |
| | | console.log(row, "æ¶é´"); |
| | | this.processingTime(); |
| | | }, |
| | | Totaldate(row) { |
| | | console.log(row, "æ¶é´"); |
| | | this.form.sendTimeslot = [{ begantime: row, endtime: row, xh: 1 }]; |
| | | this.form.showTimeMorn = row; |
| | | console.log(this.form.sendTimeslot, "æ¶é´"); |
| | | }, |
| | | changeTimeday(row) { |
| | | const startDate = new Date(row[0]); |
| | | const endDate = new Date(row[1]); |
| | | this.applydaytime = this.getDates(startDate, endDate); |
| | | this.processingTime(); |
| | | }, |
| | | getDates(startDate, endDate) { |
| | | const dates = []; |
| | | let currentDate = new Date(startDate); |
| | | |
| | | while (currentDate <= endDate) { |
| | | dates.push(this.$moment(currentDate).format("YYYY-MM-DD")); |
| | | currentDate.setDate(currentDate.getDate() + 1); |
| | | } |
| | | |
| | | return dates; |
| | | }, |
| | | // æ¶é´æç»å¤çæ¹æ³ |
| | | processingTime() { |
| | | const combinedData = []; |
| | | let serialnumber = 1; |
| | | if (this.time3[0]) { |
| | | serialnumber = 3; |
| | | } else if (this.time2[0]) { |
| | | serialnumber = 2; |
| | | } else if (this.time1[0]) { |
| | | serialnumber = 1; |
| | | } else { |
| | | return; |
| | | } |
| | | |
| | | for (let i = 0; i < this.applydaytime.length; i++) { |
| | | combinedData.push({ |
| | | begantime: `${this.applydaytime[i]} ${this.time1[0]}`, |
| | | endtime: `${this.applydaytime[i]} ${this.time1[1]}`, |
| | | xh: serialnumber * i + 1, |
| | | }); |
| | | if (serialnumber >= 2) { |
| | | combinedData.push({ |
| | | begantime: `${this.applydaytime[i]} ${this.time2[0]}`, |
| | | endtime: `${this.applydaytime[i]} ${this.time2[1]}`, |
| | | xh: serialnumber * i + 2, |
| | | }); |
| | | } |
| | | if (serialnumber >= 3) { |
| | | combinedData.push({ |
| | | begantime: `${this.applydaytime[i]} ${this.time3[0]}`, |
| | | endtime: `${this.applydaytime[i]} ${this.time3[1]}`, |
| | | xh: serialnumber * i + 3, |
| | | }); |
| | | } |
| | | } |
| | | this.form.sendTimeslot = combinedData; |
| | | // å±ç¤ºæ°æ®ä¸´æ¶å卿¥æãæ©ãä¸ãæ |
| | | |
| | | this.form.showDate = this.daytime.join(","); |
| | | if (this.time1) this.form.showTimeMorn = this.time1.join(","); |
| | | if (this.time2) this.form.showTimeNoon = this.time2.join(","); |
| | | if (this.time3) this.form.showTimeNight = this.time3.join(","); |
| | | console.log(combinedData, "combinedData"); |
| | | }, |
| | | // æ¥ç模ç |
| | | previewGo() { |
| | | this.$router.push({ |
| | | path: "/knowledge/templateku/configurat/", |
| | | query: { id: this.previewid, task: true, data: this.form }, |
| | | }); |
| | | }, |
| | | previewFn() { |
| | | let id = this.Tasktemplate.id; |
| | | this.Tasktemplate.id = null; |
| | | this.Tasktemplate.ivrLibaTemplateScriptVOList.ivrTaskScriptTargetoptionList = |
| | | this.Tasktemplate.ivrLibaTemplateScriptVOList.ivrLibaScriptTargetoptionList; |
| | | this.Tasktemplate.ivrTaskTemplateScriptVOList = |
| | | this.Tasktemplate.ivrLibaTemplateScriptVOList; |
| | | this.Tasktemplate.ivrLibaTemplateTagList = null; |
| | | this.Tasktemplate.tempDetpRelevances = null; |
| | | this.Tasktemplate.libtemplateid = id; |
| | | this.Tasktemplate.isoperation = 1; |
| | | this.Tasktemplate.libtemplatename = this.Tasktemplate.templateName; |
| | | TaskQuestioncomit(this.Tasktemplate).then((response) => { |
| | | console.log(response); |
| | | this.previewtf = false; |
| | | this.form.templateid = response.data; |
| | | this.form.libtemplateid = this.libId; |
| | | this.form.templatename = this.libName; |
| | | this.$modal.msgSuccess("éæ©æ¨¡çæå"); |
| | | }); |
| | | }, |
| | | // å¤çæå¡å½¢å¼ |
| | | formatFn(type) { |
| | | console.log(this.preachform, "preachform"); |
| | | console.log(this.checkList, "checklist"); |
| | | let list = []; |
| | | let formlist = []; |
| | | if (type == 1) { |
| | | this.preachform.forEach((item) => { |
| | | this.checkList.forEach((obj) => { |
| | | if (item.label == obj) { |
| | | list.push(item.value); |
| | | } |
| | | }); |
| | | }); |
| | | this.form.preachform = list.join(","); |
| | | } else { |
| | | console.log(this.form.preachform, "this.form.preachform"); |
| | | formlist = this.form.preachform.split(","); |
| | | console.log(11); |
| | | this.preachform.forEach((item) => { |
| | | formlist.forEach((obj) => { |
| | | if (item.value == obj) { |
| | | list.push(item.label); |
| | | } |
| | | }); |
| | | }); |
| | | this.checkList = list; |
| | | } |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .Questionnairemanagement { |
| | | } |
| | | .leftvlue-jbxx { |
| | | margin-top: 10px; |
| | | } |
| | | .sidecolumn { |
| | | width: 100%; |
| | | // min-height: 12vh; |
| | | margin: 20px; |
| | | margin-bottom: 0; |
| | | padding: 30px; |
| | | background: #edf1f7; |
| | | border: 1px solid #dcdfe6; |
| | | -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), |
| | | 0 0 6px 0 rgba(0, 0, 0, 0.04); |
| | | } |
| | | .leftvlue { |
| | | // display: flex; |
| | | // flex: 1; |
| | | width: 100%; |
| | | margin-top: 20px; |
| | | // margin: 20px; |
| | | padding: 30px; |
| | | background: #ffff; |
| | | border: 1px solid #dcdfe6; |
| | | -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), |
| | | 0 0 6px 0 rgba(0, 0, 0, 0.04); |
| | | } |
| | | .examine-jic { |
| | | .headline { |
| | | font-size: 24px; |
| | | border-left: 5px solid #41a1be; |
| | | padding-left: 5px; |
| | | margin-bottom: 10px; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | .Add-details { |
| | | font-size: 18px; |
| | | color: #02a7f0; |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | .jic-value { |
| | | font-size: 20px; |
| | | border-top: 1px solid #a7abac; |
| | | padding: 10px; |
| | | margin-bottom: 10px; |
| | | .details-jic { |
| | | padding: 10px 15px; |
| | | border: 1px solid #dcdfe6; |
| | | -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), |
| | | 0 0 6px 0 rgba(0, 0, 0, 0.04); |
| | | .details-title { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | margin-bottom: 10px; |
| | | div:nth-child(2) { |
| | | color: #02a7f0; |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | .details-renw { |
| | | background: #e4ebfc; |
| | | padding: 15px 5px; |
| | | border-radius: 5px; |
| | | margin-bottom: 20px; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | // .leftvlue-jbxx { |
| | | // margin-bottom: 50px; |
| | | // font-size: 20px; |
| | | // span { |
| | | // position: absolute; |
| | | // right: 80px; |
| | | // } |
| | | // .demo-cascader { |
| | | // margin-right: 20px; |
| | | // } |
| | | // .PreviewTemplate { |
| | | // color: #02a7f0; |
| | | // cursor: pointer; |
| | | // font-size: 20px; |
| | | // margin: 0 20px; |
| | | // } |
| | | // } |
| | | .preview-left { |
| | | margin: 20px; |
| | | // margin: 20px; |
| | | padding: 30px; |
| | | background: #ffff; |
| | | border: 1px solid #dcdfe6; |
| | | -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), |
| | | 0 0 6px 0 rgba(0, 0, 0, 0.04); |
| | | .topic-dev { |
| | | margin-bottom: 25px; |
| | | font-size: 20px !important; |
| | | .dev-text { |
| | | margin-bottom: 10px; |
| | | } |
| | | } |
| | | } |
| | | .jic-value { |
| | | font-size: 20px; |
| | | border-top: 1px solid #a7abac; |
| | | padding: 10px; |
| | | margin-bottom: 10px; |
| | | .details-jic { |
| | | padding: 10px 15px; |
| | | border: 1px solid #dcdfe6; |
| | | -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), |
| | | 0 0 6px 0 rgba(0, 0, 0, 0.04); |
| | | .details-title { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | margin-bottom: 10px; |
| | | div:nth-child(2) { |
| | | color: #02a7f0; |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | .details-renw { |
| | | background: #e4ebfc; |
| | | padding: 15px 5px; |
| | | border-radius: 5px; |
| | | margin-bottom: 20px; |
| | | } |
| | | } |
| | | } |
| | | ::v-deep .addtopic-input { |
| | | input { |
| | | background: #02a7f0; |
| | | color: #edf1f7; |
| | | width: 150px; |
| | | } |
| | | } |
| | | ::v-deep.el-step.is-vertical .el-step__title { |
| | | font-size: 25px; |
| | | } |
| | | ::v-deep.el-row { |
| | | margin-bottom: 10px; |
| | | } |
| | | // ::v-deep.el-input--medium { |
| | | // font-size: 24px !important; |
| | | // } |
| | | ::v-deep.ruleFormaa.el-select { |
| | | display: inline-block; |
| | | position: relative; |
| | | width: 700px; |
| | | } |
| | | .el-select__tags { |
| | | font-size: 20px; |
| | | max-width: 888px !important; |
| | | } |
| | | ::v-deep.el-radio__inner { |
| | | width: 22px; |
| | | height: 22px; |
| | | } |
| | | // ::v-deep.topic-dev.el-radio__label { |
| | | // font-size: 24px; |
| | | // } |
| | | ::v-deep.el-radio-group { |
| | | span { |
| | | font-size: 24px; |
| | | } |
| | | } |
| | | ::v-deep.el-input.is-disabled .el-input__inner { |
| | | background-color: #f5f7fa; |
| | | border-color: #dfe4ed; |
| | | color: rgb(253, 66, 66); |
| | | cursor: not-allowed; |
| | | } |
| | | ::v-deep.el-checkbox-group { |
| | | span { |
| | | font-size: 24px; |
| | | } |
| | | } |
| | | </style> |